/*

============================

Name:  Consultic - Business Consulting Theme

Version: 1.0.0

Description:

Author: Sujon mahamud

Author URI:

Location:

============================

*/



/*



CSS LIST =====>



===========================

HEADER AREA CSS

===========================

WELCOME AREA CSS

===========================

LOGO AREA CSS

===========================

FEAUTURE AREA CSS

===========================

FEAUTURES MEETING AREA CSS

===========================

PRICNIG AREA CSS

===========================

COMPANY AREA CSS

===========================

CLIENT AREA CSS

===========================

FOOTER AREA CSS

===========================

HOME PAGE 2 AREA CSS

===========================







/*----===========HEADER AREA CSS----============*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

p {

  padding: 0;

  margin: 0;

}



h1, h2, h3, h4, h5, h6 {

  padding: 0;

  margin: 0;

}



body, html {

  overflow-x: hidden;

}



.h4, h4 {

  font-size: 0;

}



.header-area {

  background: transparent;

  position: relative;

  z-index: 22;

  width: 100%;

}

.hero-area {

  position: relative;

}



.header-elements {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.stellarnav.mobile ul {

  position: absolute;

  width: 100%;

  left: 0;

  top: auto;

}



a.menu-toggle.full {

  text-align: right;

}



.stellarnav a.dd-toggle .icon-plus:after {

  border-bottom: solid 1px #777;

}



.stellarnav a.dd-toggle .icon-plus:before {

  border-bottom: solid 1px #777;

}

.our-brands2 {

  background-color: #f0fbff;

}

/*----===========HEADER AREA CSS----============*/



.home1-about .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.active {

  background: none;

}



/*----===========SIDEBAR AREA CSS----============*/

.demo-sidebar {

  position: fixed;

  width: 95%;

  height: 100%;

  background: #ffffff;

  top: 0;

  right: -95%;

  z-index: 999;

  transition: all 0.7s;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  transition-duration: 1s;

}

.demo-sidebar:after {

  position: absolute;

  content: "";

  height: 100%;

  width: 0;

  background: #5c5b79;

  top: 0;

  right: 0;

  z-index: -2;

  opacity: 0.5;

  transition: all 1s;

  transition-duration: 1s;

  transition-delay: 1s;

}

.demo-sidebar:before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  background: #161540;

  top: 0;

  right: 0;

  z-index: -2;

  opacity: 0.5;

  transition: all 1s;

  transition-duration: 1s;

  transition-delay: 1s;

}

.demo-sidebar.active-sidebar {

  right: -5%;

  transition: all 1s;

  transition-duration: 1.5s;

  transition-delay: 1s;

}

.demo-sidebar.active-sidebar:after {

  transition: all 0.3s;

  width: 210%;

  transition-duration: 1s;

}

.demo-sidebar.active-sidebar:before {

  transition: all 0.3s;

  width: 210%;

  transition-duration: 0.5s;

}



.demo-sidebar-content {

  text-align: center;

}



.demo-sidebar-wrap {

  position: relative;

  z-index: 2;

  height: 100%;

  width: 100%;

  background: #fff;

}



.demo-sidebar-menu {

  position: absolute;

  padding: 10px;

  background: #fff;

  top: 50%;

  border-radius: 8px 0px 0 8px;

  left: -44px;

  margin-top: -41.5px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  cursor: pointer;

}



.demo-sidebar-menu span,

.demo-sidebar-menu span a {

  display: block;

  width: 24px;

  height: 24px;

  text-align: center;

  line-height: 21px;

  font-size: 16px;

  margin: 5px 0px;

  border-radius: 8px;

  transition: all 0.3s !important;

  color: #161540;

}



.demo-sidebar-menu span:hover,

.demo-sidebar-menu span a:hover {

  color: #7977c6;

  transition: all 0.3s;

}



.demo-sidebar-content {

  position: relative;

  z-index: 2;

  height: 100%;

  width: 95%;

  overflow-y: scroll;

  padding: 30px;

}



.demo-sidebar-items {

  display: flex;

  align-items: center;

  justify-content: space-evenly;

  flex-flow: row wrap;

}



.demo-sidebar-items.inner-dmeos .single-demo-sidebar-item {

  width: calc(25% - 30px);

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .demo-sidebar-items.inner-dmeos .single-demo-sidebar-item {

    width: calc(50% - 30px);

  }

}

@media (max-width: 767px) {

  .demo-sidebar-items.inner-dmeos .single-demo-sidebar-item {

    width: calc(100% - 30px);

  }

}



.single-demo-sidebar-item {

  width: calc(33% - 30px);

  margin-bottom: 30px;

}

@media (max-width: 767px) {

  .single-demo-sidebar-item {

    width: calc(100% - 30px);

  }

}



.demo-sidebar-item-img {

  position: relative;

  z-index: 2;

  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);

}



.demo-sidebar-buttons {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-flow: row wrap;

}

.demo-sidebar-buttons a {

  display: block;

  margin: 0 8px;

}



.demo-item-content {

  margin-top: 15px;

}

.demo-item-content a {

  font-weight: 500;

  font-size: 24px;

  line-height: 34px;

  color: #161540;

  margin-bottom: 0;

  transition: all 0.3s;

  display: block;

}

@media (max-width: 767px) {

  .demo-item-content a {

    font-size: 20px;

  }

}



.demo-sidebar-item-img {

  transition: all 0.3s;

  overflow: hidden;

  border-radius: 8px;

  min-height: 280px;

}



.demo-sidebar-item-img img {

  width: 100%;

  height: auto;

  object-fit: cover;

}

.demo-sidebar-item-img:after {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  background: #5c5b79;

  z-index: 2;

  left: 0;

  top: 0;

  opacity: 0;

  transition: all 0.3s;

  transform: scale(0.9);

  visibility: hidden;

  border-radius: 8px;

}

.demo-sidebar-item-img:hover:after {

  visibility: visible;

  opacity: 0.6;

  transform: scale(1);

  transition: all 0.3s;

}



.demo-sidebar-buttons {

  top: 20px;

  visibility: hidden;

  opacity: 0;

  transition: all 0.3s;

  z-index: 4;

}



.demo-sidebar-item-img:hover .demo-sidebar-buttons {

  top: 0;

  visibility: visible;

  opacity: 1;

  transition: all 0.3s;

}



.demo-sidebar-buttons a {

  background: #fff;

  border-radius: 8px;

  font-weight: 700;

  font-size: 16px;

  line-height: 16px;

  text-align: center;

  display: inline-flex;

  color: #191a43;

  transition: all 0.3s;

  transform: translateY(0);

  padding: 18px 30px;

}



.demo-sidebar-buttons a:hover {

  background: #006fff;

  color: #fff;

  transform: translateY(-5px);

  transition: all 0.3s;

}



.demosIcon svg {

  animation: spin linear infinite 3s;

}



.single-demo-sidebar-item.coming-soon .demo-sidebar-item-img:after {

  visibility: visible;

  opacity: 0.6;

  transform: scale(1);

}



.coming-son-text {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 99;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100%;

}

.coming-son-text h4 {

  font-size: 40px;

  color: #fff;

  font-family: "satoshi";

}



/*----===========SIDEBAR AREA CSS----============*/







/*----==================

---home3 AREA CSS---

----====================*/



/*======== home3-hero-area ========*/



.home3-hero {

  min-height: 850px;

  display: flex;

  align-items: center;

  position: relative;

}



.home3-hero::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../img/bg/home3-header-bg.png);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  z-index: -9;

}



.home3-header-images {

  height: 560px;

  align-items: center;

  position: relative;

  margin-top: 40px;

}



.home3-header-img1 {

  position: absolute;

  right: 0;

  top: 0;

}



.home3-header-img2 {

  position: absolute;

  right: 0;

  top: 50px;

}



.home3-header-img3 {

  position: absolute;

  bottom: 0;

  left: 0;

}



.home3-header-img4 {

  position: absolute;

  left: 140px;

  top: 0;

}

.hadding3.main-hadding3 {

  padding-top: 76px;

}



@media screen and (max-width: 769px) {

  .home3-header-images {

    height: 430px;

    align-items: center;

    position: relative;

    margin-top: 40px;

}

}



@media screen and (max-width: 426px) {

  .home3-header-images {

    height: 430px;

    align-items: center;

    position: relative;

    margin-top: 70px;

}

}



/*======== home3-hero-area ========*/



/*======== home3-about-area ========*/



.about3-images {

  position: relative;

  height: 500px;

}



.about3-img1 {

  position: absolute;

  bottom: 15px;

  right: 122px;

}



.about3-img2 {

  position: absolute;

  left: 174px;

  top: 0;

}



.about3-img3 {

  position: absolute;

  top: 110px;

}



.about3-img4 {

  position: absolute;

  top: 30px;

  left: -100px;

}

.about3-list ul li {

  font-size: 16px;

  font-weight: 600;

  line-height: 16px;

  color: #565F76;

  padding-bottom: 10px;

}



.about3-list ul li:nth-last-child(1) {

  padding: 0;

}

.about3-list ul li span {

  background-color: #2657F2;

  display: inline-block;

  height: 24px;

  width: 24px;

  line-height: 24px;

  text-align: center;

  border-radius: 50%;

  margin-right: 10px;

  color: #fff;

  font-size: 13px;

}



.about3-list ul {

  margin: 0;

  padding: 0;

}



.hadding3.about3-hadding {

  padding-right: 115px;

}



@media screen and (max-width: 769px) {

  .hadding3.about3-hadding {

    padding-right: 0;

    padding-top: 30px;

  }

}

/*======== home3-about-area ========*/



/*======== home3-service-area ========*/



.service3-box-img img {

  width: 100%;

  z-index: 99;

}



.service3-box-all {

  margin-top: 30px;

}



.service-hadding-box {

  padding: 20px;

  margin: 0px 24px;

  text-align: center;

  border-radius: 5px;

  margin-top: -105px;

  z-index: 9;

  position: relative;

  transition: all.4s;

}

.service-hadding-box::after {

  content: "";

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  background-color: #fff;

  z-index: -1;

  border-radius: 5px;

  transition: all.4s;

}



.service3-box-all:hover .service-hadding-box {

  transform: translateY(-10px);

  transition: all.4s;

}



.learn-more-btn3 a {

  color: #191a43;

  font-weight: 700;

  font-size: 16px;

  line-height: 16px;

  transition: all.4s;

}

.learn-more-btn3 a span {

  transform: rotate(-45deg);

  display: inline-block;

  transition: all.4s;

}

.learn-more-btn3 a:hover {

  color: #2657F2;

}

.learn-more-btn3 a:hover span {

  margin-left: 5px;

  transition: all.4s;

}



.choose-hadding-box {

  padding: 20px;

  background-color: #fff;

  border-radius: 5px;

  transition: all.4s;

}





.choose-hadding-box:hover {

  transform: translateY(-10px);

  transition: all.4s;

}



@media screen and (max-width: 769px) {

  .choose-hadding-box {

    margin-top: 30px;

  }

}



.case-single-box {

  background-color: #fff;

  padding: 16px;

  border-radius: 5px;

  margin-top: 16px;

  transition: all.4s;

}

.case-single-box h4 a {

  transition: all.4s;

}

.case-single-box p {

  transition: all.4s;

}

.case-single-box:hover {

  background-color: #2657F2;

  transform: translateY(-10px);

  transition: all.4s;

  color: #fff;

}

.case-single-box:hover p {

  color: #ffff;

}



.case-single-box:hover h4 a {

  color: #ffff;

}



.team-icon-list ul {

  margin: 0;

  padding: 0;

}



.team-icon-list ul li a {

  display: inline-block;

  color: #19191B;

  border: 1px solid #E7EAF0;

  font-size: 18px;

  height: 40px;

  width: 40px;

  border-radius: 50%;

  text-align: center;

  line-height: 40px;

  transition: all.4s;

}



.team-icon-list ul li {

  display: inline-block;

  margin: 0 0 0 4px;

}



.team-icon-list ul li a:hover {

  background-color: #2657F2;

  transition: all.4s;

  color: #fff;

}



.service3-box-img.border5 img {

    overflow: hidden;

    transition: all 2.0s;

}



.service3-box-all:hover .service3-box-img.border5 img {

  transform: scale(1.2);

  transition: all 2.0s;

}



.service3-box-all:hover .service-box-icon img {

  transform: rotateY(180deg);

  transition: all.4s;

}



.service3-box-img.border5 {

    overflow: hidden;

}

.service-box-icon img {

  transition: all.4s;

}



.choose-hadding-box:hover .service-box-icon img {

  transform: rotateY(180deg);

  transition: all.4s;

}



/*======== home3-service-area ========*/



/*======== home3-testimonial-area ========*/

.testimonial4 {

  position: relative;

}



.testimonial4::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../img/bg/testimonial3-bg.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  z-index: -9;

}



.testimonial3-hadding h1 {

  color: #fff;

}



.single-slider-box {

  background-color: #fff;

  padding: 24px;

  text-align: center;

  border-radius: 8px;

  margin-right: 10px;

  position: relative;

}



.single-slider-bottom-hadding {

  display: flex;

  justify-content: center;

  margin-top: 30px;

  align-items: center;

}



.single-slider-p {

  text-align: start;

  margin-left: 15px;

}

.single-slider-p h6 {

  color: #fff;

  font-weight: 600;

  font-size: 20px;

  line-height: 33px;

}



.single-slider-p p {

  color: #8C8C8E;

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  margin-top: -10px;

}



.single-slider-box p {

  color: #565F76;

  font-size: 20px;

  font-weight: 400;

  line-height: 30px;

}



.single-slider-box::after {

  content: "";

  position: absolute;

  left: 0;

  background: #fff;

  height: 30px;

  width: 21px;

  border-radius: 5px;

  bottom: -12px;

  transform: rotate(44deg);

  left: 50%;

  margin-left: -10px;

  z-index: -1;

}



.testimonial4 .owl-dots button {

  background: #fff;

  border: none;

  color: inherit;

  padding: 0 !important;

  font: inherit;

  height: 16px;

  width: 16px;

  margin: 0 6px;

  border: none;

  border-radius: 50%;

}



.testimonial4 .owl-carousel button.active {

  background-color: #2657F2;

}



.testimonial4 .owl-dots {

  position: absolute;

  bottom: -45px;

  width: 100%;

  right: 0;

  text-align: center;

}



.testimonial4 .owl-nav button.active {

  background-color: blue;

}



.blog3-box-hadding {

  background-color: #fff;

  padding: 0px 20px 20px 20px;

}



.blog3-box {

  border-radius: 5px;

  margin-top: 30px;

  border-radius: 5px;

}



.blog3-box-img.img-100 {

  overflow: hidden;

  transition: all.6s;

}

.blog3-box-img.img-100 img {

  transition: all.6s;

}



.blog3-box:hover img {

  transform: scale(1.2);

  transition: all.6s;

}



.service3-shape1 {

  position: absolute;

  bottom: 0;

  right: 0;

}

.service3-shape2 {

  position: absolute;

  top: 0;

  left: 0;

}



.case3-shape2 {

  position: absolute;

  top: 0;

  right: 0;

}



.case3-shape1 {

  position: absolute;

  bottom: 0;

  left: 0;

}



@media screen and (max-width: 426px) {

  .hadding3.case3-hadding {

    padding-top: 30px;

  }

}



/*======== home3-testimonial-area ========*/



/*======== home3-contact-area ========*/



.contact3 {

  position: relative;

}



.contact3::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-image: url(../img/bg/home3-choose-bg.svg);

  background-position: center center;

  background-repeat: no-repeat;

  z-index: -9;

}



.contact3-icon-box {

  display: flex;

  align-items: center;

  margin-top: 30px;

}



.contact3-icon {

  background: #DEE6FD;

  height: 60px;

  width: 60px;

  border-radius: 50%;

  text-align: center;

  line-height: 60px;

  margin-right: 10px;

}



.contact3-box-hadding a {

  display: inline-block;

  font-weight: 700;

  color: #19191B;

  font-size: 18px;

  line-height: 20px;

}



.contact3-box-hadding p {

  font-size: 14px;

  color: #6B7280;

  line-height: 22px;

  font-weight: 400;

  margin-bottom: 5px;

}



.contact-from-input input {

  border: 1px solid #D1D5DB;

  padding: 15px;

  border-radius: 5px;

  width: 48%;

  margin-left: 8px;

  margin-top: 20px;

}



.contact-from-input.contact-from-input2 input {

  width: 99%;

}



.contact-from-input textarea {

  border: 1px solid #D1D5DB;

  padding: 15px;

  border-radius: 5px;

  width: 100%;

  margin-left: 4px;

  margin-top: 20px;

}



.contact-from-input .nice-select.wide {

  width: 100%;

  padding: 10px;

  height: 60px;

  color: #757575;

  margin-left: 4px;

  margin-top: 20px;

  font-size: 17px;

}



.contact3-form-all {

  padding: 45px;

  border-radius: 5px;

  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);

  position: relative;

}



.contact3-form-all::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: #fff;

  z-index: -2;

}



input:focus {

  outline: none;

}



textarea:focus {

  outline: none;

}



.nice-select:after {

  border-bottom: 2px solid #999;

  border-right: 2px solid #999;

  content: '';

  display: block;

  height: 9px;

  margin-top: -6px;

  pointer-events: none;

  position: absolute;

  right: 12px;

  top: 50%;

  -webkit-transform-origin: 66% 66%;

  -ms-transform-origin: 66% 66%;

  transform-origin: 66% 66%;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transition: all 0.15s ease-in-out;

  transition: all 0.15s ease-in-out;

  width: 9px;

}



@media screen and (max-width: 769px) {

  .contact-from-input input {

    width: 100%;

  }

  .contact3-form-all {

    margin-top: 30px;

  }

  .contact3-form-all {

    padding: 30px;

  }



}



@media screen and (max-width: 426px) {

  .contact3-icon-box {

    display: block;

  }



  .contact3-icon.contact3-icon1 {

    margin-bottom: 8px;

}

.contact3-icon-box {

  display: block;

}



.contact3-icon.contact3-icon2 {

  margin-bottom: 20px;

}



}





/*======== home3-contact-area ========*/



/*======== home3-cta-area ========*/

.subsribe-all {

  background-color: #2657F2;

}



.comon-subsribe-all-input input {

  padding: 21px;

  border: none;

  border-radius: 7px;

  width: 100%;

  background: #fff;

}



.subsribe-btn {

  position: absolute;

  right: 5px;

  top: 5px;

}

.comon-subsribe-all-input {

  position: relative;

}

.all-subsribe-hadding {

  padding-right: 100px;

}



@media screen and (max-width: 769px) {

  .all-subsribe-hadding {

    padding-right: 0;

  }

}



.all-subsribe-hadding h1 {

  color: #FFF;

font-size: 40px;

font-style: normal;

font-weight: 700;

line-height: 48px; /* 120% */

text-transform: capitalize;

}

.all-subsribe-hadding p {

  color: #fff;

  padding-top: 16px;

}



/*======== home3-cta-area ========*/



/*======== home3-responsive-area ========*/



@media screen and (max-width: 769px) {

  .home3-hero {

    min-height: 1302px;

    display: flex;

    align-items: center;

    position: relative;

}



.all-subsribe-hadding h1 {

  font-size: 32px;

  line-height: 40px;

}

}



@media screen and (max-width: 769px) {

  .home3-hero {

    min-height: 1102px;

    display: flex;

    align-items: center;

    position: relative;

}

.comon-subsribe-all-input {

  margin-top: 30px;

}

}



/*======== home3-responsive-area ========*/



/*----==================

---home3 AREA CSS---

----====================*/





/*----==================

---home2 AREA CSS---

----====================*/



.home2-hero {

  position: relative;

  min-height: 850px;

  display: flex;

  align-items: center;

}

/* .home2-hero::after {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-image: url(../img/bg/header2-bg.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  z-index: -99;

} */



.home2-header-img1 {

  text-align: end;

}



.home2-header-img3 {

  position: absolute;

  right: 0;

  bottom: 21px;

}



.home2-header-img4 {

  position: absolute;

  left: 0;

  top: 50%;

}



.home2-header-img5 {

  position: absolute;

  top: 160px;

  left: 0;

}







.home2-header-buttons {

  display: flex;

  align-items: center;

}



.button2.hero-button2 {

  background: transparent;

  border: 1px solid #19191B;

  color: #19191B;

  margin-left: 10px;

}

.button2.hero-button2:hover {

  background-color: #013E39;

  color: #fff;

}



.brand-buttons2 {

  display: flex;

  align-items: center;

}



.hadding2.main-hadding2 {

  margin-top: 40px;

}



.about2-images {

  height: 550px;

  position: relative;

}



.about2-img1 {

  position: absolute;

  right: 0;

}



.about2-img2 {

  left: 0;

  position: absolute;

  top: 150px;

}



.learn-more-btn2 {

  color: #191a43;

  font-weight: 700;

  font-size: 16px;

  line-height: 26px;

  transition: all.4s;

  text-transform: capitalize;

}

.learn-more-btn2 span {

  transform: rotate(-45deg);

  display: inline-block;

  transition: all.4s;

}



.learn-more-btn2:hover {

  color: #FF845E;

}

.learn-more-btn2:hover span {

  margin-left: 5px;

  transition: all.3s;

}



.service2-box-all {

  background-color: #fff;

  padding: 16px;

  border-radius: 5px;

  margin-top: 30px;

}

.about2-hadding {

  padding-top: 20px;

}



.home2-header-images {

  margin-top: 50px;

}



@media screen and (max-width: 769px) {

  .hadding2.main-hadding2 {

    margin-top: 120px;

}



.about2-images {

  height: 835px;

  position: relative;

}



.about2-img2 {

  left: 0;

  position: absolute;

  top: 383px;

}

.home2-header-images {

  margin-top: 30px;

}

.hadding2 span.after2::after {

  display: none;

}



}



@media screen and (max-width: 426px) {

  .about2-img2 {

    left: 0;

    position: absolute;

    top: 0;

    height: 250px;

}



.about2-images {

  height: 280px;

  position: relative;

}



.about2-img1 {

  position: absolute;

  right: 0;

  height: 250px;

}

}



.choose2-single-box {

  display: flex;

}



.choose2-box-icon img {

  height: 44px;

}



.choose2-box-icon {

  margin-right: 16px;

}



.choose2-single-box {

  padding: 16px;

  background: #fff;

  border: 1px solid rgba(86, 95, 118, 0.1);

  border-radius: 5px;

  margin-bottom: 20px;

  transition: all.4s;

}



.choose2-single-box:hover {

  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);

  transition: all.4s;

  transform: translateY(-10px);

}



.hadding2.choose2-hadding {

  padding-right: 48px;

}



@media screen and (max-width: 769px ) {

  .hadding2.choose2-hadding {

    padding-right: 0;

  }

  .choose2-hadding {

    margin-top: 30px;

  }



  

.choose2-single-box {

  display: block;

}



}



.service2-box-img.img-100 {

  overflow: hidden;

}

.service2-box-img.img-100 img {

  transition: all.6s;

}



.service2-box-all:hover .service2-box-img.img-100 img {

  transform: scale(1.2);

  transition: all.6s;

}



/*============ home2 testimonial area ===============*/



.testimonial-slider-single {

  border: 1px solid rgba(86, 95, 118, 0.2);

  border-radius: 5px;

  background-color: #fff;

  padding: 30px 24px;

  margin-right: 10px;

  transition: all.4s;

}

.testimonial-slider-single:hover {

  box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.08);

  transition: all.4s;

}



.owl-carousel .owl-item img {

  display: block;

  width: auto;

}



.testimonial2-stars ul {

  margin: 0;

  padding: 0;

}



.testimonial2-stars ul li {

  display: inline-block;

  color: #FFE70E;

}



.testimonial2-hadding h6 a {

  color: #201A2E;

  font-size: 16px;

  line-height: 16px;

  font-weight: 700;

  margin-top: 10px;

  display: inline-block;

}



.testimonial2-hadding p {

  color: #013E39;

  font-size: 12px;

  line-height: 12px;

  margin-top: 10px;

  font-weight: 700;

}

.testimonial2-slider-img {

  margin-right: 16px;

}



.testimonial2-bottom-hadding-all {

  display: flex;

}



.tes-hadding2 p {

  font-size: 18px;

  line-height: 30px;

  font-weight: 500;

  text-transform: capitalize;

  color: #565F76;

}



.testimonial2-img.img-100 {

  background-image: url(../img/image/testimonial2-main.png);

  height: 600px;

  background-repeat: no-repeat;

  margin-right: -100px;

  background-size: cover;

  background-position: center;

  margin-left: -15px;

}







 .testimonial2 .owl-dots button {

  background: transparent;

  border: none;

  color: inherit;

  padding: 0 !important;

  font: inherit;

  height: 16px;

  line-height: 10px;

  width: 16px;

  margin: 0 6px;

  border: none;

  border-radius: 50%;

  padding: 5px;

  margin: 5px;

  background-color: #D9D9D9;

}



.testimonial2 .owl-dots button.active {

  background-color: #FF845E;

}

.testimonial2 .owl-dots {

  position: absolute;

  bottom: -55px;

  width: 100%;

  right: 0;

  text-align: center;

}



.testimonial2 .owl-dots button {

  position: relative;

  border: 2px solid #fff !important;

}



.testimonial2 .owl-dots button:after {

  position: absolute;

  content: "";

  height: 18px;

  width: 18px;

  background: #FF845E;

  z-index: -1;

  border-radius: 50%;

  left: -3px;

  top: -3px;

  transition: all .3s;

  visibility: hidden;

  opacity: 0;

}



.testimonial2 .owl-dots button.active:after {

  visibility: visible;

  opacity: 1;

} 



.blog2 {

  position: relative;

}

.blog2::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: -3;

  background-image: url(../img/bg/service3-bg.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;



}







.owl-nav {

  text-align: center;

}



.contact3-icon.contact3-icon2 {

  background: #FFEDE7;

}



.subsribe2 {

  padding: 50px 0;

  position: relative;

}



 .subsribe2::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #013E39;

  z-index: -4;

} 



.cta2-hadding h1 {

  color: #FFF;

font-size: 40px;

font-style: normal;

font-weight: 700;

line-height: 48px; /* 120% */

}

.cta-button2 {

  background-color: #FF845E;

  border: none;

}



.subsribe2-img {

  position: absolute;

  bottom: -40px;

}



@media screen and (max-width: 769px) {

  .testimonial2-img.img-100 {

    background-image: url(../img/image/testimonial2-main.png);

    height: 300px;

    margin-right: 0;

    margin-bottom: 60px;

}

.subsribe2 {

  height: 570px;

}

.social.social2 {

  margin-bottom: 10px;

  margin-top: 20px;

}

.testimonial2-img.img-100 {

  margin-left: 0;

}

}



@media screen and (max-width: 426px) {

  .subsribe2 {

    height: 610px;

  }



  .single-footer.single-footer2 ul {

    margin: 0;

    padding: 0;

    padding-left: 0;

}



.single-footer-contact.single-footer.single-footer2 form {

  margin-left: 0;

}

}

.blog2-box-img.img-100 {

  border-radius: 5px;

  overflow: hidden;

  transition: all 1.9s;

}



.blog2-box-img.img-100 img {

  transition: all 1.9s;

}



.blog2-box-img.blog2-box-img-big-img.img-100 {

  height: 410px;

}



.blog2-box:hover {

  background-color: #fff;

  transition: all.4s;

}



.blog2-box:hover .blog2-box-img.img-100 img {

  transform: scale(1.2);

  transition: all 1.9s;

}



.case2-box-all:hover .case2-img.img-100 img {

  transform: scale(1.2);

}



.case2-box-all:hover {

  background-color: #fff;

  transition: all.4s;

}



.case2-box-all {

  border: 1px solid rgba(86, 95, 118, 0.2);

  border-radius: 6px;

}



.case2-hadding {

  padding: 0 24px 24px 24px;

}



.blog2-box {

  border: 1px solid rgba(86, 95, 118, 0.2);

  border-radius: 6px;

}



.blog2-hadding {

  padding: 0 24px 24px 24px;

}



.team3-hadding {

  padding: 0px 24px 24px 24px;

}



.team3-hadding .hadding3 p {

  padding-top: 0;

}

/*============ home2 testimonial area ===============*/



/*----==================

---home3 AREA CSS---

----====================*/



/*----==================

---home 2 AREA CSS---

----====================*/



/*======== home1 hero-area ===========*/



.main-hero {

  position: relative;

  min-height: 950px;

  display: flex;

  align-items: center;

}

.hadding1.main-hadding {

  padding-top: 100px;

}



 .main-hero::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../img/bg/home1-header-bg.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  z-index: -9;

} 

.vido-btn-pera p {

  font-weight: 700;

  font-size: 18px;

  line-height: 18px;

  margin-top: 10px;

  margin-left: -10px;

}

.brand-buttons1 {

  display: flex;

  align-items: center;

  margin-top: -10px;

  justify-content: center;

  margin-bottom: 20px;

}



.home1-header-images {

  position: relative;

  height: 563px;

}



.home1-header-img1 {

  position: absolute;

}



.home1-header-img2 {

  position: absolute;

  bottom: -75px;

   right: 70px; 

  z-index: -2;

}



.home1-header-img3 {

  position: absolute;

  bottom: 0;

  left: -180px;

}

.home1-header-img4 {

  position: absolute;

  bottom: -100px;

  left: -100px;

}



.h1-shape1 {

  position: absolute;

  top: 150px;

  right: 40px;

}



.h1-shape2 {

  position: absolute;

  bottom: 150px;

  left: 40px;

}



.h1-shape3 {

  position: absolute;

  top: 220px;

  left: 40px;

}



.h1-shape4 {

  position: absolute;

  top: 160px;

  left: 90px;

}



.header1-iocn-hadding span {

  display: inline-block;

  font-size: 12px;

  font-weight: 500;

  line-height: 12px;

  color: #19191B;

}

.header1-iocn-hadding a {

  display: inline-block;

  color: var(--neutral-main-text-color, #19191B);

  font-size: 18px;

  line-height: 18px;

  font-weight: 400;

}

.header1-iocn-hadding {

  padding-left: 10px;

}

.header1-buttons {

  display: flex;

  justify-content: center;

  align-items: center;

  margin-right: 30px;

}



@media screen and (max-width: 779px ) {

  .hadding1 h1 span.before::before {

    display: none;

  }

  .home1-header-images {

    position: relative;

    height: 757px;

}

.home1-header-img2 {

  position: absolute;

  bottom: 0;

  right: 123px;

  z-index: -2;

}

.hadding1.main-hadding {

  padding-top: 170px;

}

.choose-image-all.text-end {

  margin-top: 50px;

}

.team1-image.aos-init.aos-animate {

  margin-top: 70px;

}

}



@media screen and (max-width: 426px ) {

  .brand-buttons1 {

    display: block;

    align-items: center;

}

.brand-buttons1 {

  display: inline-block;

  align-items: center;

  text-align: center;

}



.button1.header1-b {

  margin-left: 0;

  margin-top: 0;

}



.home1-header-images {

  position: relative;

  height: 493px;

}



.brand-buttons1.brand-buttons4 {

  margin-top: 60px;

}

.hadding4.main-hadding4.main-hadding5 {

  text-align: center;

}

.hadding4.main-hadding4 {

  text-align: center;

}

.brand-buttons1 {

  margin-top: 36px;

}

.home1-header-images {

  /* position: absolute; */

  bottom: 0;

  margin-top: 88px;

}



.main-hero {

  height: 1180px;

}



.home1-header-img1 {

  position: absolute;

  bottom: 7px;

} 

}



@media screen and (max-width: 376px ) {

  .home1-header-images {

    position: relative;

    height: 400px;

}



.home1-header-img1 {

  position: absolute;

  bottom: -40px;

}



}



@media screen and (max-width: 321px ) {

  .home1-header-img1 {

    position: absolute;

    bottom: -5px;

  }

}

/*======== home1 hero-area ===========*/

























/*======== home1 blog area ===========*/

.blog1-hadding h4 a:hover {

  color: var(--primary-main-color, #45b7e5);

  transition: all.3s;

}



.learn-more-btn1 {

  color: var(--neutral-paragraph, #565F76);

font-size: 16px;

font-style: normal;

font-weight: 700;

line-height: 18px;

text-transform: uppercase;

transition: all.3s;

display: inline-block;

}



.learn-more-btn1:hover {

  color: var(--primary-main-color, #45b7e5);

}



.learn-more-btn1 span {

  transition: all.3s;

}



.learn-more-btn1:hover span {

  margin-left: 5px;

  transition: all.3s;

}



.blog1-hadding a.blog-span {

  color: var(--neutral-paragraph, #565F76);

font-size: 14px;

font-style: normal;

font-weight: 500;

line-height: 22px;

display: inline-block;

margin-bottom: 10px;

}



.contact3-icon.contact3-icon1 {

  background: #D3ECFC;

}



.subsribe-all.subsribe-all1.sp2 {

  background: none;

  position: relative;

}



/* .subsribe-all.subsribe-all1.sp2::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-image: url(../img/bg/subsribe1-bg.png);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  z-index: -3;

} */



.case2-img.img-100 {

  overflow: hidden;

  border-radius: 5px;

  transition: all 1.9s;

}

.case2-img.img-100 img {

  transition: all 1.9s;

}



.case2-img.img-100 {

  transition: all 1.9s;

}

.blog1-box-all {

  border: 1px solid #bfc3cb4f;

  border-radius: 10px;

  transition: all.4s;

  background-color: #fff;

}



.blog1-box-all:hover {

  background-color: #fff;

  transition: all.4s;

}



.blog1-box-all:hover .case2-img.img-100 img {

  transform: scale(1.2);

  transition: all.9s;

}



.hadding1.blog1-hadding {

  padding: 0px 24px 24px 24px;

}



/*======== home1 blog area ===========*/



/*======== home1 responsive area ===========*/



@media screen and (max-width: 769px) {

  .home1-header-img2 {

    position: absolute;

    bottom: 100px;

    right: 123px;

    z-index: -2;

}



.brand-buttons1 {

  margin-top: 0;

  justify-content: center;

}



.team1-image.aos-init.aos-animate {

  margin-top: 70px;

  text-align: start;

}



}



@media screen and (max-width: 426px) {

  .header1-b {

    margin-left: 0;

    margin-top: 0;

}

.home1-header-img2 {

  position: absolute;

  bottom: 100px;

  right: 0;

  z-index: -2;

}

.choose1-button {

  margin-top: 20px;

}



.brand-buttons1 {

  margin-top: 24px;

}

}

/*======== home1 responsive area ===========*/



/*======== home2 responsive area ===========*/



@media screen and (max-width: 426px) {

  .brand-buttons2 {

    display: block;

  }

  .button2.hero-button2 {

    margin-top: 20px;

  }

}



@media screen and (max-width: 769px) {

  .cta2-hadding h1 {

    color: #FFF;

    font-size: 32px;

    font-style: normal;

    font-weight: 700;

    line-height: 40px;

}



.home2-header-img1 {

  text-align: center;

}

}

/*======== home2 responsive area ===========*/









/*----==================

---home 2 AREA CSS---

----====================*/



/*----==================

---home4 AREA CSS---

----====================*/



/*======== home4 hero area ===========*/



.hero-area {

  position: relative;

}



@media (max-width: 767px) {

  .hero-area-content {

    margin-bottom: 40px;

  }

}

.hero-area-content h1 {

  margin-top: 50px;

}

.hero-area-content h3 {

  display: inline;

  position: relative;

  z-index: 1;

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .hero-area-content p {

    padding-right: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-area-content p {

    padding-left: 0;

    margin-top: 20px;

  }

}

@media (max-width: 767px) {

  .hero-area-content p {

    padding-left: 0;

    padding-right: 0;

    margin-top: 20px;

  }

}



.homepage-slides .owl-dots button {

  width: 15px;

  height: 15px;

  background: #fff;

  display: inline-block;

  margin: 10px;

  border-radius: 50%;

}



.homepage-slides .owl-dots button.active {

  background: #FFB966;

}



.homepage-slides .owl-dots {

  display: block;

  text-align: center;

  margin: 30px;

  position: absolute;

  bottom: 0;

  right: 50px;

}



.overlay-2 {

position: absolute;

content: "";

width: 100%;

height: 100%;

background-color: #00000059;

opacity: 0.8;

top: 0px;

left: 0px;

z-index: 0;
}



.hero-area {

  position: relative;

}



.hero-area-content {

  margin-top: 115px;

  margin-bottom: 120px;

  position: relative;

  z-index: 3;

}



@media (max-width: 767px) {

  .hero-area-content {

    margin-bottom: 40px;

  }

}

.hero-area-content h1 {

  margin-top: 50px;

}

.hero-area-content h3 {

  display: inline;

  position: relative;

  z-index: 1;

}



.hero-area-content p {

  padding-left: 465px;

  margin-top: -95px;

  padding-right: 300px;

  font-size: 20px;

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .hero-area-content p {

    padding-right: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-area-content p {

    padding-left: 0;

    margin-top: 20px;

  }

}

@media (max-width: 767px) {

  .hero-area-content p {

    padding-left: 0;

    padding-right: 0;

    margin-top: 20px;

  }

}

.hero-area-content a {

  font-size: 20px;

  color: #056251;

  text-decoration: underline;

  text-decoration-thickness: from-font;

}



.slider-bg {

min-height: 740px;

position: relative;

z-index: 1;

/* display: flex; */

/* align-items: center; */

/* background-position: top; */
}



.slider-back {

  position: relative;

}



.slider-back::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-image: url(../img/bg/home4-header-img.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  z-index: -9;

}



.hadding4.main-hadding4 {

/* padding-top: 90px; */
}



@media (max-width: 767px) {

  .single-slide-item .social-link a {

    font-size: 15px;

    margin-right: 12px;

    margin-bottom: 30px;

  }

}



.hero-area-two .homepage-slides .owl-dots {

  left: auto;

  right: 0;

  left: 0;

  bottom: 15px;

  margin-top: -85px;

  margin-right: 55px;

}



.hero-area-two .homepage-slides .owl-dots button.active {

  background-color: #45b7e5;

}



.main-hadding4 p {

  color: #ffffffaf;

  font-size: 18px;

  font-weight: 400;

  line-height: 32px;

  padding-top: 0;

}



.header-area.header-area4 {

  background-color: #fff;

}



.hadding4 span.span {

  color: #fff;

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 16px;

  letter-spacing: 1.28px;

  text-transform: uppercase;

  display: inline-block;

  padding-bottom: 10px;

}



.main-hadding5 span.span {

  opacity: 0;

  transition: all 3.5s;

  transform: translateY(-80px);

}



.owl-item.active .main-hadding5 span.span {

  opacity: 1;

  transition: all 3.5s;

  transform: translateY(0);

}



.main-hadding5 h1 {

  opacity: 0;

  transition: all 1.0s;

  transform: translateY(-80px);

}



.owl-item.active .main-hadding4 h1 {

  opacity: 1;

  transition: all 2.0s;

  transform: translateY(0);

}

.choose-box-icon.choose-box-icon-span span {

  margin-top: 0;

}



.vido-btn-pera {

  margin-bottom: 10px;

}





.main-hadding5 p {

  opacity: 0;

  transition: all 2.0s;

  transform: translateY(-80px);

  text-transform: capitalize;

  padding-top: 16px;

}



.owl-item.active .main-hadding5 p {

  opacity: 1;

  transition: all 2.0s;

  transform: translateY(0);

}



.home4-button5 {

  opacity: 0;

  transition: all 3.0s;

  transform: translateY(-80px);

}



.owl-item.active .home4-button5 {

  opacity: 1;

  transition: all 3.0s;

  transform: translateY(0);

}



.brand-buttons4 {

  opacity: 0;

  transition: all 3.0s;

  transform: translateY(-80px);

}



.owl-item.active .brand-buttons4 {

  opacity: 1;

  transition: all 3.0s;

  transform: translateY(0);

}



.header4-shape1 {

  position: absolute;

  top: 123px;

  z-index: 99;

}



.header4-shape2 {

  position: absolute;

  bottom: 55px;

  z-index: 99;

  right: 0;

}



.homepage-slides .vido-btn-pera {

  margin-bottom: 23px;

}



/*======== home4 hero area ===========*/



@media screen and (max-width: 769px) {

  .hero-button1.hero-button5.vido-btn.video-action-btn1.video-action-btn5 {

    margin-top: 30px;

}



.hero-button1.hero-button4.vido-btn.video-action-btn1.video-action-btn4 {

  margin-top: 30px;

}



.slider-bg {

  min-height: 750px;

  position: relative;

  z-index: 1;

  display: flex;

  align-items: center;

}



}

.brand-sec p {

  text-transform: uppercase;

}



/*----==================

---home4 AREA CSS---

----====================*/



/*----==================

---ABOUT PAGE CSS---

----====================*/



.section-hero {

  background-image: url(../img/bg/section-bg.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  height: 400px;

  display: flex;

  align-items: center;

}

.section-hadding {

  padding-top: 80px;

}



.section-hadding h1 {

  color: var(--main-text-color, #051923);

font-family: Inter;

font-size: 50px;

font-style: normal;

font-weight: 700;

line-height: 60px;

text-transform: capitalize;

}







.section-hadding-p a {

  color: var(--main-text-color, #051923);

font-family: Inter;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 16px; /* 100% */

}



.section-hadding-p p {

  color: var(--main-text-color, #051923);

font-size: 16px;

font-style: normal;

font-weight: 700;

line-height: 16px;

margin: 0;

}

.section-hadding-p span {

  display: inline-block;

  padding: 0 5px;

}



.section-hadding-p {

  display: flex;

  align-items: center;

  justify-content: center;

  padding-top: 16px;

}



.about-trusted-images {

  position: relative;

  height: 730px;

}



.about-trusted-img1 {

  position: absolute;

  left: -100px;

  top: -60px;

}



.about-trusted-img2 {

  position: absolute;

}



.about-trusted-img3 {

  position: absolute;

  bottom: 0;

  right: 0;

}



.about-trusted-img4 {

  position: absolute;

  right: 33px;

  bottom: 302px;

}

.about-trusted-counter h1 {

  color: var(--business-consulting, #45b7e5);

font-size: 48px;

font-style: normal;

font-weight: 700;

line-height: 48px; /* 100% */

text-transform: capitalize;

}



.about-trusted-counter p {

  color: var(--paragraph-color, #3B3E46);

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 16px; 

text-transform: capitalize;

padding-top: 16px;

}



.about-trusted-hadding-all {

  padding-left: 30px;

}



.about-company-img1 {

  position: absolute;

  top: 100px;

  left: -40px;

}



.about-company-images.text-right {

  position: relative;

  margin-left: 80px;

}



.about-company-img3 {

  position: absolute;

  right: -50px;

  top: -60px;

  z-index: -1;

}



@media screen and (max-width: 769px) {

  .about-trusted-img1 {

    position: absolute;

    left: 0;

    top: -60px;

}

.about-trusted-hadding-all {

  padding-left: 0;

  padding-top: 40px;

}

.about-trusted-counter {

  padding-bottom: 20px;

  text-align: center;

  padding-top: 20px;

}

.about-company-images.text-right {

  position: relative;

  margin-top: 70px;

  margin-left: 0;

}

.about-company-img3 {

  position: absolute;

  right: 0;

  top: -60px;

  z-index: -1;

}



.about-consulting-hadding {

  padding-top: 20px;

}



.team1-image {

  margin-top: 50px;

}



}



/*----==================

---ABOUT PAGE CSS---

----====================*/



/*----==================

---SERVICE PAGE CSS---

----====================*/



.service-busness-images {

  position: relative;

}



.service-busness-img1 {

  position: absolute;

  left: -70px;

  top: -70px;

  z-index: -1;

}



.service-busness-img3 {

  position: absolute;

  right: -70px;

  bottom: 70px;

}

.service-page-hadding {

  padding-left: 30px;

}



.service-page-single-box {

  background-color: #ffffff;

  padding: 24px 20px;

  margin-top: 30px;

  transition: all.4s;

}



.service-page-single-box:hover {

  transform: translateY(-10px);

  transition: all.4s;

}



.service-box-iocn {

  background-color:#E6F5FF;

  height: 60px;

  width: 60px;

  line-height: 60px;

  text-align: center;

  border-radius: 50%;

  margin-bottom: 20px;

}



.learn-more-btn1.learn-more-btn1-service {

  color: #45b7e5;

  text-transform: capitalize;

  padding-top: 24px;

}





@media screen and (max-width: 769px) {

  .service-busness-img1 {

    position: absolute;

    left: 0;

    top: -70px;

    z-index: -1;

  }

  

  .service-busness-img3 {

    position: absolute;

    right: 0;

    bottom: 70px;

  }



  .service-page-hadding {

    padding-left: 0;

    padding-top: 30px;

}



}



.details-tag-list {

  padding-left: 20px;

}



.details-tag-list ul li {

  display: inline-block;

  padding: 0px 4px;

}



/*----------- mission -------------*/





/*--========accordion==========--*/

.accordion-item.accordion-item2 {

  margin-top: 16px;

  border: none;

  border-radius: 4px;

}



button.accordion-button.accordion-button2 {

  padding: 24px;

  background: rgba(2, 154, 255, 0.05);

  border-radius: 4px;

}

button.accordion-button.accordion-button2 img {

  margin-right: 20px;

  filter: brightness(0);

}

.accordion-body.accordion-body2 {

  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);

  color: #fff;

  border-radius: 0px 0px 5px 5px;

  background: var(--business-consulting, #45b7e5);

  font-weight: 500;

  line-height: 28px;

  padding-top: 0;

  

}



.accordion-button.accordion-button2:not(.collapsed) {

  color: var(--bs-accordion-active-color);

  background-color: var(--bs-accordion-active-bg);

    border-radius: 5px;

    background: var(--business-consulting, #45b7e5);

  color: #fff;

  font-weight: 700;

  border-radius: 5px 5px 0px 0px;

  border: none;

  box-shadow: none;

}



.accordion-button.accordion-button2:not(.collapsed) img {

  filter: brightness(0) invert(1);

}



.accordion-item button {

  font-weight: 700;

}



.accordion-item h2 {

  font-size: 16px;

  font-weight: 700;

}



.active-headeractive-header2 button.accordion-button-active::after {

  position: absolute;

  content: "";

  font-family: "Font Awesome 5 pro";

  right: 23px;

  transition: all 0.3s;

}



.accordion-button::after {

  flex-shrink: 0;

  width: var(--bs-accordion-btn-icon-width);

  height: var(--bs-accordion-btn-icon-width);

  margin-left: auto;

  content: "";

  background-image: var(--bs-accordion-btn-icon);

  background-repeat: no-repeat;

  background-size: var(--bs-accordion-btn-icon-width);

  transition: var(--bs-accordion-btn-icon-transition);

  filter: brightness(40);

}



.pricing-padding.sec-padding {

  margin-top: -120px;

}



.pricing-padding2 {

  padding-bottom: 110px;

}



.accordion-item.accordion-item {

  margin-bottom: 20px;

}

/*--========accordion==========--*/



.service-details-box-hadding h5 {

  color: var(--clinic-main, #012C49);

font-size: 20px;

font-style: normal;

font-weight: 700;

line-height: 28px; /* 140% */

text-transform: capitalize;

}



.service-details-box-hadding p {

  color: var(--paragraph-color, #3B3E46);

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 16px; /* 100% */

text-transform: capitalize;

}



.service-details-box {

  border-radius: 5px;

background: rgba(2, 154, 255, 0.05);

padding: 32px;

}



.accordion-item {

  color: var(--bs-accordion-color);

  background-color: var(--bs-accordion-bg);

  border: none;

}



.download-button {

  border-radius: 5px;

background: var(--business-consulting, #45b7e5);

color: #FFF;

font-size: 16px;

font-style: normal;

font-weight: 700;

line-height: 16px; /* 100% */

letter-spacing: -0.16px;

display: inline-block;

padding: 20px;

width: 100%;

text-align: center;

margin-top: 5px;

transition: all.4s;

}

.download-button:hover {

  color: #fff;

  transform: translateY(-5px);

  transition: all.4s;

}



.download-button2 {

  border-radius: 5px;

  background: rgba(2, 154, 255, 0.05);

color: #14213D;

font-size: 16px;

font-style: normal;

font-weight: 700;

line-height: 16px; /* 100% */

letter-spacing: -0.16px;

display: inline-block;

padding: 20px;

width: 100%;

text-align: center;

margin-top: 5px;

transition: all.4s;

}



.download-button2:hover {

  transform: translateY(-5px);

  transition: all.4s;

  background: var(--business-consulting, #45b7e5);

  color: #fff;

}



.download-button2 img {

  transition: all.4s;

} 



.download-button2:hover img {

  filter: brightness(40);

  transition: all.4s;

}

@media screen and (max-width: 769px) {

  .single-widget.widget_categories {

    margin-top: 30px;

}

.section-hadding h1 {

  font-size: 36px;

  line-height: 44px;

}



.section-hero {

  height: 400px;

}

}



.service2-box-all.service2-box-all2 {

  background: rgba(2, 154, 255, 0.05);

}



.learn-more-btn2.service-read:hover {

  color: #45b7e5;

}



.learn-more-btn2.service-read {

  padding-top: 24px;

  display: inline-block;

}



/*----==================

---SERVICE PAGE CSS---

----====================*/



/*----==================

---CONTACT PAGE CSS---

----====================*/



.contact-single-input input {

  padding: 12px;

  border: none;

  border-radius: 5px;

background: rgba(2, 154, 255, 0.05);

width: 48%;

margin-right: 10px;

margin-top: 12px;

}



.contact-single-input textarea {

  padding: 12px;

  border: none;

  border-radius: 5px;

background: rgba(2, 154, 255, 0.05);

width: 98%;

margin-right: 10px;

margin-top: 12px;

}





.contact-single-input.contact-single-input2 input {

  width: 98%;

}



.contact-page-box {

  background: #FFFFFF;

  box-shadow: 0px 0px 39px rgba(0, 0, 0, 0.15);

  border-radius: 4px;

  padding: 24px;

  transition: all.3s;

  display: flex;

  min-height: 130px;

}



.contact-hadding p {

  color: #6B7280;

font-family: Inter;

font-size: 14px;

font-style: normal;

font-weight: 400;

line-height: 22px; /* 157.143% */

}



.contact-hadding a {

  color: #111827;

font-size: 18px;

font-style: normal;

font-weight: 700;

line-height: 28px; /* 155.556% */

text-align: left;

}



.contact-page-box:hover {

  background-color: #0072ff;

  transition: all.3s;

}

.contact-page-box:hover .contact-hadding p {

  color: #fff;

  transition: all.3s;

}



.contact-page-box:hover .contact-hadding a {

  color: #fff;

  transition: all.3s;

}





.contact-page-box img {

  transition: all.3s;

}



.contact-page-box:hover img {

  filter: brightness(0) invert(1);

  transition: all.3s;

}



.contact-box-img {

  height: 50px;

  width: 40px;

  margin-right: 2px;

}



.contact-box-img {

  height: 50px;

  width: 55px;

}

.contact-page-box-all {

  background-color: #fff;

  border-radius: 5px;

  padding: 32px 170px 32px 24px;

  margin-top: 30px;

  transition: all.4s;

}



.contact-page-box-all:hover {

  transform: translateY(-10px);

  transition: all.4s;

}



.contact-page-box-icon {

  background-color: #45b7e5;

  height: 50px;

  width: 50px;

  line-height: 50px;

  text-align: center;

  border-radius: 50%;

}



.contact-page-p a {

  color: var(--paragraph-color, #3B3E46);

font-family: Inter;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 28px; /* 175% */

text-transform: capitalize;

display: block;

}



@media screen and (max-width: 769px) {

  .contact-single-input input {

    width: 100%;

  }

  .contact-page-box {

    margin-top: 30px;

  }



  .testimonial4.sp2 {

    padding: 60px 0px 100px 0px;

}

}



.contact-map iframe {

  width: 100%;

  margin-bottom: -7px;

}







/*----==================

---CONTACT PAGE CSS---

----====================*/

:root {

	--hue: 223;

	--bg: hsl(var(--hue),90%,90%);

	--fg: hsl(var(--hue),90%,10%);

	--trans-dur: 0.3s;

	font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1280 - 320));

}

.smiley {

	width: 8em;

	height: 8em;

}

.smiley__eye1,

.smiley__eye2,

.smiley__mouth1,

.smiley__mouth2 {

	animation: eye1 3s ease-in-out infinite;

}

.smiley__eye1,

.smiley__eye2 {

	transform-origin: 64px 64px;

}

.smiley__eye2 {

	animation-name: eye2;

}

.smiley__mouth1 {

	animation-name: mouth1;

}

.smiley__mouth2 {

	animation-name: mouth2;

	visibility: hidden;

}



/* Dark theme */

@media (prefers-color-scheme: dark) {

	:root {

		--bg: hsl(var(--hue),90%,10%);

		--fg: hsl(var(--hue),90%,90%);

	}

}



/* Animations */

@keyframes eye1 {

	from {

		transform: rotate(-260deg) translate(0,-56px);

	}

	50%,

	60% {

		animation-timing-function: cubic-bezier(0.17,0,0.58,1);

		transform: rotate(-40deg) translate(0,-56px) scale(1);

	}

	to {

		transform: rotate(225deg) translate(0,-56px) scale(0.35);

	}

}

@keyframes eye2 {

	from {

		transform: rotate(-260deg) translate(0,-56px);

	}

	50% {

		transform: rotate(40deg) translate(0,-56px) rotate(-40deg) scale(1);

	}

	52.5% {

		transform: rotate(40deg) translate(0,-56px) rotate(-40deg) scale(1,0);

	}

	55%,

	70% {

		animation-timing-function: cubic-bezier(0,0,0.28,1);

		transform: rotate(40deg) translate(0,-56px) rotate(-40deg) scale(1);

	}

	to {

		transform: rotate(150deg) translate(0,-56px) scale(0.4);

	}

}

@keyframes eyeBlink {

	from,

	25%,

	75%,

	to {

		transform: scaleY(1);

	}

	50% {

		transform: scaleY(0);

	}

}

@keyframes mouth1 {

	from {

		animation-timing-function: ease-in;

		stroke-dasharray: 0 351.86;

		stroke-dashoffset: 0;

	}

	25% {

		animation-timing-function: ease-out;

		stroke-dasharray: 175.93 351.86;

		stroke-dashoffset: 0;

	}

	50% {

		animation-timing-function: steps(1,start);

		stroke-dasharray: 175.93 351.86;

		stroke-dashoffset: -175.93;

		visibility: visible;

	}

	75%,

	to {

		visibility: hidden;

	}

}

@keyframes mouth2 {

	from {

		animation-timing-function: steps(1,end);

		visibility: hidden;

	}

	50% {

		animation-timing-function: ease-in-out;

		visibility: visible;

		stroke-dashoffset: 0;

	}

	to {

		stroke-dashoffset: -351.86;

	}

}



.date {

  color: var(--neutral-paragraph, #565F76);

font-family: Inter;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 16px; /* 100% */

text-transform: capitalize;

display: inline-block;

padding-top: 16px;

}



.date:hover {

  color: #565F76;

}



.date2 {

  color: var(--paragraph-color, #3B3E46);

font-family: Inter;

font-size: 14px;

font-style: normal;

font-weight: 500;

line-height: 22px; /* 157.143% */

display: inline-block;

padding-bottom: 8px;

}



.date2:hover {

  color: var(--paragraph-color, #3B3E46);

}



button.accordion-button.accordion-button2:focus {

  box-shadow: none;

}









.wrapper {

  position: relative;

}

.wrapper input {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  font: inherit;

  line-height: 1.5;

  border: 0;

  background: #fff;

  padding: 0 0.5em;

  box-sizing: border-box;

  color: #666;

}

.wrapper {

    border-right: 1px solid #0000002b;

    position: relative;

}



.banner-form input {

    width: 100%;

    height: 50px;

    border: unset;

    background: unset;

    color: #000;

    border-radius: 5px;

    padding-left: 40px;

}

.nice-select.form-control {}



.banner-form .nice-select.form-control {

    width: 100%;

    display: flex;

    align-items: center;

    height: 50px;

    border: unset;

    color: #000;

    font-weight: 400;

}



.form-btn buuton {

    background: var(--bs-link-color);

}



.form-btn button {

    background: #45b7e5;

    border: unset;

    color: #fff;

    width: 100%;

    height: 45px;

    border-radius: 40px;

}



.hadding4.main-hadding4 {

width: 60%;

text-align: center;

margin: 0 auto;

position: absolute;

top: 35%;

left: 20%;

/* margin: 0 auto; */
}



.banner-form {

    background: #fff;

    padding: 20px 30px;

    border-radius: 10px;

}

.wrapper svg {position: absolute;top: 19px;left: 10px;color: #0000004f;}

.banner-form select {

    width: 100%;

}



.wrapper input:focus,

.wrapper input[value] {

  outline: none;

  padding-top: 16px !important;

}



.wrapper input + label {

  position: absolute;

  top: 10px;

  left: 30px;

  border-color: #fff;

  color: #000;

  line-height: 2em;

  padding: 0 0.5em;

  box-sizing: border-box;

  transition: all 0.25s ease-in-out;

  z-index: 2;

}



.wrapper input:focus + label,

.wrapper input[value] + label {top: -2px;font-size: 12px;}



.wrapper input + label:before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  width: 0;

  height: 0;

  /* border-style: solid; */

  /* border-width: 0.35em 0.35em 0.35em 0; */

  border-color: transparent inherit;

  transform: translate( 0, -50% );

  transition: left 0.2s ease-in-out 0.1s;

  z-index: 1;

}



.wrapper input:focus + label:before,

.wrapper input[value] + label:before {

  left: -0.35em;

}

svg.progress-circle.svg-content {

  filter: brightness(4.5);

}







.text-jons-sec h3 {

    /* text-transform: uppercase; */

    font-size: 20px;

    color: #fff;

    font-weight: 400;

    /* text-align: left; */

    margin-bottom: 10px;

}

.text-jons-sec .nice-select {

width: 81%;

/* text-align: center !important; */

margin-left: 20px;
}

.text-jons-sec ul.list {

    width: 100%;

}

.jobs-sec {

    padding: 20px 14px;

    margin-bottom: 20px;

}

.text-mid .text-jons-sec h3 {

    text-align: center;

}

.text-mid .text-jons-sec .nice-select {

width: 42%;

margin-left: 130px;

margin-bottom: 10px;
}













/*popular Jobs Start*/



.text-popularjobs h3 {

    font-size: 19px;

    font-weight: 700;

    line-height: 30px;

    margin-bottom: 10px;

    color: #3E5660;

}

.logoimg-popularjobs img {

    width: 50px;

    height: 50px;

}

.logoimg-popularjobs p {

    font-size: 16px;

    font-family: 'Montserrat';

    font-weight: 400;

    color: #3E5660;

}

.logoimg-popularjobs {

    display: flex;

    align-items: center;

    gap: 20px;

    margin-bottom: 10px;

}

.text-popularjobs a {

    font-size: 14px;

    font-weight: 700;

    line-height: 24px;

    border: 1px solid #1c75bc29;

    padding: 9px 26px;

    color: #1C75BC;

    border-radius: 10px;

    background: #1c75bc29;

}

ul.ul1popularjobs li {

    font-size: 12px;

    font-weight: 400;

    line-height: 24px;

    position: relative;

    opacity: 50%;

    margin-left: 9px;

    font-family: "Montserrat", sans-serif;

    color: #3E5660;

}

ul.ul1popularjobs {

    margin: 14px 0px;

}

ul.ul1popularjobs li:before {

    position: absolute;

    content: '';

    background: #3E5660;

    width: 3px;

    height: 3px;

    left: -13px;

    top: 10px;

    border-radius: 50px;

}

ul.location li {

    font-size: 16px;

    font-family: 'Montserrat';

    color: #3E5660;

    display: flex;

    align-items: center;

    gap: 20px;

    line-height: 32px;

    opacity: 75%;

}

.popularjobs-btn .button1 {

    font-size: 16px;

    padding: 16px 27px;

    font-family: 'Montserrat';

    border-radius: 10px;

    background: #1C75BC;

}

.bookmark-popular {

    border: 1px solid #0d6efd;

    padding: 12px 25px;

    border-radius: 10px;

    font-size: 22px;

}

.popularjobs-btn {

    display: flex;

    gap: 12px;

    margin-top: 10px;

}





.maindv-popularjobs {

    background: #fff;

    padding: 40px 20px;

    border-radius: 10px;

    margin-bottom: 30px;

    box-shadow: 5px 10px 30px 0px #0000000D;

}



.all-section {

    padding: 80px 0;

}



.main-text {

    text-align: center;

}



.main-text h2 {

    color: #3E5660;

    font-size: 64px;

    font-weight: 400;

}



.main-text h4 {

    display: inline-block;

    justify-content: center;

    color: #1C75BC;

    font-size: 40px;

    border-bottom: 2px solid #1C75BC;

}



/* new css :start */

.all-section {

  padding: 80px 0;

}



.main-text {

  text-align: center;

  width: 80%;

  margin: 0 auto;

  margin-bottom: 40px;

}



.main-text h2 {

  color: #3E5660;

}



.main-text h4 {

  color: #1C75BC;

  display: inline-block;

  align-items: center;

  justify-content: center;

  font-size: 30px;

  margin-bottom: 15px;

}

.main-text p {

    font-size: 20px;

    font-weight: 400;

    line-height: 30px;

    opacity: 50%;

    text-align: center;

    color: #3E5660;

}

.popular-btn a {

  color: #3E5660;

  text-transform: capitalize;

  border-bottom: 2px solid;

  font-weight: 700;

  font-family: "Archivo", sans-serif;

}

.row.d-flex {

  align-items: center;

}

/* new css :end */

.next-step-text h2 span {

  display: block;

}



section.next-step-wrap {

position: relative;

padding: 20px 0px;
}



section.next-step-wrap:before {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background: #0C1323;

}



.next-step-text h2 {

  color: #fff;

  font-size: 64px;

}



.next-step-text p {

  font-size: 20px;

  color: #fff;

  line-height: 35px;

  font-weight: 400;

}



.next-step-btn {

  margin-top: 20px;

}



a.btn-1 {

  border: 1px solid #fff;

  border-radius: 5px;

  padding: 8px 15px;

  margin-right: 20px;

  background: #fff;

  color: #000;

}



a.btn-1.btn-2 {

  background: unset;

  color: #fff;

}

.next-step-img {

    margin-top: -40px;

}



.choose-text h2 {

color: #3E5660;

font-size: 54px;

font-weight: 700;
}



.choose-text  p {

  color: #3E5660;

  font-size: 20px;

  line-height: 33px;

  opacity: 50%;

  font-weight: 400;

}



.row.rel {

  margin-top: 40px;

  border-top: 1px solid #00000024;

  padding-top: 40px;

}



.choose-box ul {

  display: flex;

  gap: 20px;

}



.choose-box h4 {

  font-size: 28px;

  font-weight: 700;

  color: #3E5660;

  margin-bottom: 8px;

}



.choose-box p {

  font-size: 16px;

  font-weight: 400;

  opacity: 50%;

}



.choose-box ul li span {

  background: #e8f1f8;

  height: 50px;

  width: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 5px;

}

section.employers-wrap.all-section {background: #f5f5f5;position: relative;z-index: 1;}

img.employers-back {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: -1;

}



.employers-img {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 28%;

    height: 100%;

    display: flex;

    align-items: end;

}

.employers-main-text h2 {

font-size: 33px;

color: #3E5660;
}



.employers-main-text h2 span {

  color: #1C75BCE5;

}

.empolyerbox {

    margin-top: 40px;

}



.empolyerbox h4 {

font-size: 22px;

font-weight: 700;

color: #3E5660;

margin-bottom: 10px;
}



.empolyerbox p {

    color: #3E5660;

    opacity: 75%;

}



.employers-main-text {

    margin-bottom: 20px;

}

.empolyerbox a {

  color: #1C75BC;

  font-size: 20px;

  font-weight: 700;

  border-bottom: 1px solid;

  padding-bottom: 5px;

}

.empolyerbox h3 {

color: #000;

margin-bottom: 30px;
}

.employers-img img {

    width: 100%;

    height: 85%;

}





.company-box {

  box-shadow: 5px 10px 30px 0px #0000000D;

  padding: 30px 12px;

  border-radius: 10px;

  margin-top: 40px;

}



ul.company-logo h4 {

  font-size: 20px;

  font-weight: 700;

  color: #3E5660;

}



ul.company-logo {

  display: flex;

  align-items: center;

  gap: 20px;

}



ul.company-logo h4 span {

  display: block;

}



ul.job-open {

  display: flex;

  justify-content: space-between;

  margin-top: 30px;

}



ul.job-open li {color: #3E5660;display: flex;align-items: center;gap: 10px;opacity: 75%;font-size: 14px;}



ul.company-logo img {

  width: 70px;

  height: 70px;

  object-fit: contain;

}

ul.star {

  display: flex;

  align-items: center;

  margin-top: 10px;

  gap: 5px;

}



ul.star svg {

  color: #FBCF5E;

  font-size: 12px;

}

ul.star {

    display: flex;

    align-items: center;

    margin-top: 10px;

    gap: 5px;

}



ul.star svg {

    color: #FBCF5E;

    font-size: 12px;

}



ul.star li:last-child svg {

    color: #3E5660 !important;

    opacity: 25%;

}

section.why-choose-wrap.all-section {

  padding: 100px 0;

}

/*popular Jobs End*/







/*Footer Start*/

.text-stay-ft h2 {

  font-size: 65px;

  color: #3E5660;

  font-weight: 700;

  line-height: 74px;

  margin-bottom: 20px;

}

.text-stay-ft p {

  font-family: 'Montserrat';

  font-size: 20px;

  font-weight: 400;

  width: 90%;

  line-height: 30px;

  margin-bottom: 20px;

}

.ft-field input {

  width: 100%;

  height: 60px;

  border-radius: 10px;

  border: 1px solid #1c75bc;

  padding: 0px 20px;

}

.ft-field {

  position: relative;

  margin-bottom: 20px;

}

.ft-field .button1 {

  font-size: 20px;

  padding: 15px 26px;

  background: #1c75bc;

  font-family: 'Archivo';

  position: absolute;

  top: 6px;

  right: 10px;

}

.ft-field input::placeholder {

  font-family: 'Montserrat';

}

ul.socialicons-ft li {

  border: 1px solid #3E5660;

  padding: 2px 7px;

  background: #3E5660;

  border-radius: 6px;

}

ul.socialicons-ft {

  display: flex;

  gap: 10px;

  padding: 15px 0px;

}

ul.socialicons-ft li a {

  color: #fff;

}

.ft-links h2 {

  font-family: 'Archivo';

  font-size: 40px;

  color: #3E5660;

  font-weight: 700;

  margin-bottom: 20px;

}

.ft-links ul li a {

  font-family: 'Montserrat';

  color: #3E5660;

  font-size: 20px;

  font-weight: 400;

}

.ft-links ul li {

  margin-bottom: 10px;

}

.ft-link-2 {

  margin-top: 55px;

}

.ft-link-3 {

  margin-top: 93px;

}

.ft-links {

  margin-left: 9px;

}

footer {

  padding: 90px 0px;

}

.ft-links ul li a:hover {

  color: #1c75bc;

}

/*Footer End*/









/*Blog & News Start*/

.img-blog img {

  width: 100%;

  height: 270px;

  border-radius: 10px;

}

.blog-news-btn a {

  font-size: 14px;

  font-weight: 700;

  line-height: 24px;

  border: 1px solid #1c75bc29;

  padding: 9px 32px;

  color: #1C75BC;

  border-radius: 8px;

  background: #1c75bc29;

}

.blog-news-btn {

  padding: 20px 0px;

}

.text-blog-news h3 {

  font-size: 33px;

  color: #3E5660;

  margin-bottom: 15px;

}

.text-blog-news p {

  font-size: 13px;

  font-family: 'Montserrat';

}

ul.blog-person-profile li img {

  width: 78px;

  height: 74px;

  border-radius: 50%;

  object-fit: cover;

}

ul.blog-person-profile li {

  font-family: 'Archivo';

  font-size: 20px;

  font-weight: 700;

}

ul.blog-person-profile li span {

  font-family: 'Montserrat';

  font-weight: 400;

  font-size: 16px;

  display: block;

}

ul.blog-person-profile {

  display: flex;

  align-items: center;

  gap: 20px;

  padding: 20px 0px;

}

.top-heading-blog h2 {

  font-family: 'Archivo';

  font-size: 64px;

  font-weight: 700;

  color: #3E5660;

  line-height: 74px;

}

.top-text-blog {

  display: flex;

  justify-content: space-between;

  padding-bottom: 60px;

}

.top-text-blog p {

  font-size: 20px;

  font-weight: 400;

  font-family: 'Montserrat';

}

.top-text-blog a {

  font-family: 'Archivo';

  font-size: 20px;

  font-weight: 700;

  color: #3E5660;

  text-decoration: underline;

}

.blognews {

  padding: 90px 0px;

}

/*Blog & News End*/







/*Join Hr Start*/

.text-joinhr {

  text-align: center;

}

.text-joinhr h2 {

  width: 100%;

  margin: 0 auto;

  font-size: 57px;

  line-height: 74px;

  margin-bottom: 24px;

      color: #fff;

}

.text-joinhr p {

  font-family: 'Montserrat';

  font-size: 20px;

  font-weight: 400;

  width: 86%;

  margin: 0 auto;

  margin-bottom: 30px;

      color: #fff;

}

.joinhr {

  background: #3E5660;

  margin: 80px 90px;

  padding: 60px 0px 80px;

  border-radius: 20px;

}



/*Join Hr End*/







/*Faq Start*/



.faqs {

  padding: 100px 0px;

  background: #F5F5F5;

}

.faq-heading p {

  width: 80%;

  margin: 0 auto;

}

.gorilla-content .accordion-button.collapsed {

padding: 22px 22px;

background-color: #fff;

color: #3E5660;

font-size: 20px;

line-height: 30px;

border-radius: 0px !important;

font-weight: 800;

text-transform: capitalize;

font-family: 'Archivo';

font-weight: 700;
}



.gorilla-content .accordion-button {

  color: #3E5660;

  font-size: 18px;

  padding: 22px 22px;

  line-height: 30px;

  font-weight: 800;

  border-radius: 0px !important;

  font-family: 'Diranista';

  text-transform: capitalize;

  background: no-repeat;

}

.faq-heading h2 {

  color: #000;

}









.gorilla-content .gorrila-page-txt .color-red {

color: #A60000;

font-weight: 500;

margin-bottom: 7px;

margin-top: 30px;

}



.gorrila-page-txt ul {

  list-style: disc;

}

.gorrila-page-txt ul li{

 color: #000000;

 font-size: 14px;

 line-height: 23px;

 font-family: 'Roboto', sans-serif;

 font-weight: 400;

 margin-bottom: 15px;

 margin-left: 15px;

}

.gorrila-page-txt ul li::marker {

color: #000;

}



.accordion-body.gorrila-page-txt {

  padding: 0px 20px 20px;

  background: #ffffff;

  border: unset !important;

  border-top: none;

}



.gorilla-content .accordion-item {

  margin-bottom: 25px;



  border: 2px solid #eae4e4;

}

.accordion-button::after {

content: "" !important;

position: absolute !important;

background-image: url(../images/faqopen.png) !important;

width: 45px;

height: 45px;

right: 9px;

background-size: cover;
}

.accordion-button:not(.collapsed)::after {

  background-image: url(../images/faqclose.png) !important;

}

.gorilla-content  .accordion-button:not(.collapsed){

box-shadow: none;

/* border: 1px solid; */

border-bottom: 0;

border-radius: 10px 10px 0 0;

font-family: 'Archivo';

font-size: 19px;
}



.accordion-collapse.collapse {

/* border: 1px solid #A60000; */

border-top: 0;

border-radius: 0 0 10px 10px;

/* margin-bottom: 30px; */

}





.gorilla-content  button:focus:not(:focus-visible){

box-shadow: none;

}



.gorilla-content .accordion-button::after{

content: '\f067';

font-weight: 900;

font-family: 'Font Awesome 5 free';

background-image: none;



}



.accordion-button:not(.collapsed)::after{

content: '\f068';

font-weight: 900;

font-family: 'Font Awesome 5 free';

}

.address {

  text-align: center;

  font-weight: bold;

  font-size: 20px;

}

section.faqs-main p {

  font-weight: 500;

  line-height: 28px;

  font-size: 17px;

  color: #333;

  font-family: 'Montserrat';

  margin-bottom: 20px;

}





.faq-heading.text-center {

  margin-bottom: 30px;

}

.faq-heading.text-center h3 span {

  display: block;

}

.faq-heading.text-center h3 {

  line-height: 60px;

}

.accordion-body.gorrila-page-txt p {

  font-family: 'Montserrat';

  font-size: 16px;

  font-weight: 400;

}

.top-heading-faqs {

  text-align: center;

}

.top-heading-faqs h2 {

  font-size: 64px;

  font-family: 'Archivo';

  font-weight: 700;

  color: #3E5660;

}

.top-heading-faqs p {

  font-family: 'Montserrat';

  font-size: 20px;

  font-weight: 400;

  color: #000;

}

.top-heading-faqs {

  padding: 60px 0px;

}

.accordion-button::after {

background: none;

font-family: 'Font Awesome 5 Free' !important;

content: "\2b" !important;

font-weight: 700 !important;

background: unset;

height: unset;

width: unset;

display: flex;

align-items: center;

justify-content: center;

color: #000 !important;

font-size: 30px;
}

.accordion-button:not(.collapsed)::after {

  transform: rotate(-180deg);

  font-family: 'Font Awesome 6 pro' !important;

  content: "\58" !important;

  font-weight: 700 !important;

  background: unset;

  height: 35px;

  width: 36px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #000 !important;

  font-size: 20px;

}

/* Faq  End*/







/*Testimonial Start*/

.text-testimonials p {

  font-family: 'Montserrat';

  font-size: 17px;

  font-weight: 400;

  color: #000;

}

.text-testimonials svg.svg-inline--fa.fa-quote-right {

  font-size: 33px;

  margin-bottom: 10px;

  color: #1C75BC;

}

.text-testimonials {

  background: #fff;

  padding: 14px 14px 19px;

  border: unset;

  border-radius: 7px;

  box-shadow: 5px 10px 30px 0px #0000000D;

}

ul.testiprofile li img {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  object-fit: cover;

}

ul.testiprofile li {

  font-size: 20px;

  font-family: 'Archivo';

  font-weight: 700;

  color: #3E5660;

}

ul.testiprofile li span {

  font-family: 'Montserrat';

  font-weight: 400;

  font-size: 16px;

  display: block;

}

ul.testiprofile {

  display: flex;

  align-items: center;

  gap: 24px;

  padding: 30px 0px;

}

.testimonial {

  padding: 40px 0px 100px;

  background: #F5F5F5;

}

.testislid  .slick-slide {

  margin: 10px 20px;

}

.testislid .slick-next:before {

  content: '\f054' !important;

  font-weight: 900;

  font-family: 'Font Awesome 6 pro';

  font-size: 25px;

  /* border: 1px solid #e94e8d; */

  padding: 7px 8px;

  border-radius: 27px;

  color: #000;

  opacity: 1;

  /* background: #e94e8d; */

}

.testislid .slick-prev:before {

  content: '\f053' !important;

  font-weight: 900;

  font-family: 'Font Awesome 6 pro';

  font-size: 25px;

  /* border: 1px solid #e94e8d; */

  padding: 7px 8px;

  border-radius: 27px;

  color: #000;

  opacity: 1;

  /* background: #e94e8d; */

}

.testislid button.slick-next.slick-arrow {

  position: absolute;

  font-size: 0;

  border: unset;

  background: unset;

  right: 36%;

}

.testislid button.slick-prev.slick-arrow {

  position: relative;

  font-size: 0;

  border: unset;

  background: unset;

  bottom: -95%;

  left: 36%;

}

.testislid ul.slick-dots {

  display: flex;

  gap: 40px;

  justify-content: center;

}

.testislid button#slick-slide-control00 {

  border: unset;

  background: unset;

}

.testislid button#slick-slide-control01 {

  border: unset;

  background: unset;

}

.testislid button#slick-slide-control02 {

  border: unset;

  background: unset;

}

.testislid li.slick-active {

  border: 1px solid #fff;

  background: #1C75BC;

  color: #fff !important;

  padding: 2px 11px;

  border-radius: 6px;

}

/*testimonial End*/





/* iner :start */

.inner-banner .slider-bg {

  min-height: 500px;

}

/* Job Detail */

.job-det-txt h2 {

  font-size: 35px;

  color: #000;

  line-height: 1;

  margin-bottom: 10px;

}



.description-line {

  display: flex;

  gap: 15px;

  margin-bottom: 10px;

}



.job-det-sec span {

  font-size: 16px;

  color: #000;

}



span.red-txt {

  color: #1C75BC;

  font-weight: 600;

}



section.job-det-sec h3 {

  font-size: 22px;

  font-weight: 400;

  margin-bottom: 12px;

}

.job-det-txt {

  border-right: 1px solid #0000002b;

}

section.job-det-sec p {

  font-size: 15px;

  line-height: 1.7;

  color: #7d7d7d;

  font-weight: 400;

  margin-bottom: 23px;

}

.sbmt-btn a {

  display: inline-block;

  color: #fff;

  font-size: 16px;

  width: 100%;

  background: #1C75BC;

  padding: 10px 22px;

  border-radius: 25px;

  box-shadow: 0 2px 15px 0px #0000003b;

}



section.job-det-sec h4 {

  font-weight: 400;

  font-size: 15px;

  color: #7d7d7d;

  margin-bottom: 5px;

  text-transform: uppercase;

}

ul.backend-req li {

  font-size: 15px;

  line-height: 1.7;

  color: #7d7d7d;

  font-weight: 400;

}

.txt-sec {

  margin: 40px 0;

}



.company-intro {

  margin-top: 40px;

}



.job-det-sec h6 {

  font-family: 'Roboto';

  font-size: 14px;

  color: #959595;

  font-weight: 400;

  margin-bottom: 10px;

}



ul.intro-table {

  display: grid;

  grid-template-columns: auto 350px auto;

}



ul.intro-table li {

  margin-bottom: 30px;

}



ul.intro-table .tags span {

  font-size: 13px;

  padding: 10px 30px;

  background: #e8eff0;

  border-radius: 40px;

  margin-bottom: 12px;

  display: inline-block;

}

ul.social-links a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 38px;

  height: 38px;

  border: 1px solid #0000009c;

  border-radius: 50%;

  color: #000000ab;

}



ul.social-links a:hover {

  background: #ed2f43;

  color: #fff;

  border: none;

}



ul.social-links {

  display: flex;

  gap: 10px;

  margin: 20px 0;

}



.company-info .description-line {

  justify-content: center;

}



.company-info span.red-txt {

  padding-bottom: 25px;

  display: inline-block;

}



.company-info .sbmt-btn > * {

  width: 100%;

}



.company-info .apply-btn > * {

  display: inline-block;

  color: #000;

  font-size: 16px;

  width: 100%;

  background: #ffffff;

  padding: 10px 22px;

  border-radius: 25px;

  box-shadow: 0 2px 15px 0px #0000003b;

}



.company-info .apply-btn {

  margin-top: 22px;

}

html {

  overflow-x: hidden;

}

.salary-field.Currency select {

  border: unset;

}

.pop-sec-head a {

  width: 20%;

  margin: 0 0 0 auto;

}

.seeker-box.employer .seeker-text {

  top: 28%;

}

.people-img img {

  height: 120px;

  width: 120px;

  /* margin: 0 auto; */

  border-radius: 50%;

  border: 3px solid #fff;

  background: #fff;

}

/* Job Detail */



/*APPLY PAGE STRT*/

.apply_page {

  padding: 80px 0;

}



.apply_form {border: 1px solid #e5e5e5;padding: 40px;border-radius: 10px;box-shadow: 0px 0px 11px 1px #0000001f;margin: 0 0 20px;}



.apply_form input {width: 100%;height: 55px;padding: 10px 20px;margin: 0 0 20px;border-radius: 5px;border: 1px solid #d2d7e0;}



.apply_form h4 {font-size: 30px;

    line-height: 35px;

    color: #000;

    font-weight: 600;

    margin: 0 0 5px;}



.apply_form p {font-size: 16px;

    line-height: 30px;

    color: #000;

    font-weight: 400;

    margin: 0 0 25px;}



    .sec_head p {font-size: 16px;line-height: 30px;color: #979696;}



    .single_field input, .single_field select {

    border: 1px solid #e5e5e5;

    padding: 20px 30px;

    border-radius: 10px;

    box-shadow: 0px 0px 11px 1px #0000001f;

    margin: 0 0 20px;

    width: 100%;

    height: 70px;

    }

    section.apply_page .nice-select {

      border: 1px solid #e5e5e5;

      padding: 20px 30px;

      border-radius: 10px;

      box-shadow: 0px 0px 11px 1px #0000001f;

      margin: 0 0 20px;

      width: 100%;

      height: 70px !important;

      display: flex;

      align-items: center;

      background-image: unset;

      }

/* .apply_page textarea {

    border: 1px solid #e5e5e5;

    padding: 20px 30px;

    border-radius: 10px;

    margin: 0 0 20px;

    width: 100%;

    height: 200px;

    resize: none;

    } */



    .apply_left.apply_form textarea {

      border: 1px solid #e5e5e5;

      padding: 20px 30px;

      border-radius: 10px;

      margin: 0 0 20px;

      width: 100%;

      height: 200px;

      resize: none;

      }

   



button.btn_theme.w-100 {

    padding: 16px 27px;

    font-family: 'Montserrat';

    border-radius: 10px;

    background: #1C75BC;

    border: unset;

    width: 40% !important;

    color: #fff;

    font-size: 20px;

}

/*APPLY PAGE END*/





.sidebar.job-sidebar .job_list-widget:not(:last-child) {

  margin-bottom: 30px;

}

.sidebar.job-sidebar .job_list-widget {

  padding: 30px;

  background-color: #f7f7f7;

  overflow: hidden;

}

.sidebar.job-sidebar .job_list-widget, .sidebar.job-sidebar .widget {

  border: 1px solid #ebebeb;

  border-radius: 6px;

}

.sidebar.job-sidebar .job_list-widget .widget {

  position: relative;

  padding: 0px 30px 30px;

  border: 0;

  border-radius: 6px;

  background-color: #fff;

  margin-bottom: 30px;

}

.sidebar.job-sidebar .job_list-widget .widget .widget-title {

  padding: 16px 30px;

  font-size: 15px;

  line-height: 22px;

  margin-bottom: 20px;

  display: -webkit-flex;

  display: flex;

  -webkit-align-items: center;

  align-items: center;

  position: relative;

  border-bottom: 1px solid #e7e7e7;

  margin: 0 -30px 24px;

}

.sidebar .widget-area .widget .widget-title:after {

  position: absolute;

  content: "";

  bottom: 0;

  opacity: 1;

  height: 100%;

  width: 2px;

  left: 0;

  transition: all .4s;

  background-color: #45B7E5;

}

.sidebar.job-sidebar .job_list-widget .widget .list-filter label.radio {

  padding-bottom: 15px;

  border-radius: 50px;

  display: block;

  cursor: pointer;

  margin: 0;

  font-size: 14px;

  line-height: 1;

  text-transform: capitalize;

  -webkit-tap-highlight-color: transparent;

}

.sidebar.job-sidebar .job_list-widget .widget .list-filter label.radio input {

  width: 11px;

  height: 11px;

  border-radius: 50%;

  background: none;

  border: 0;

  box-shadow: inset 0 0 0 1px #9f9f9f;

  box-shadow: inset 0 0 0 1.5px #9f9f9f;

  -webkit-appearance: none;

  appearance: none;

  padding: 0;

  margin: 0 10px 0 0;

  transition: box-shadow .15s cubic-bezier(.95,.15,.5,1.25);

  pointer-events: none;

}

.sidebar.job-sidebar .job_list-widget .widget .list-filter label.radio input:checked {

  box-shadow: inset 0 0 0 3px #45B7E5;

}

.sidebar .widget-area .widget {

  position: relative;

  border-radius: 6px;

  margin-bottom: 30px;

  padding: 30px;

  background-color: #f7f7f7;

}

.sidebar.job-sidebar .widget.widget-download li {

  padding: 22px 30px !important;

  font-size: 16px;

  line-height: 1;

  font-weight: 700;

  margin-bottom: 20px;

  font-family: "Noto Sans JP", sans-serif;

  background-color: #fff;

  position: relative;

  border: 0;

  border-radius: 6px;

}

.sidebar.job-sidebar .widget.widget-download li:before {

  position: absolute;

  content: "";

  bottom: 0;

  opacity: 1;

  left: 0;

  width: 2px;

  height: 100%;

  transition: all .4s;

  background-color: #45B7E5;

}

.sidebar.job-sidebar .widget.widget-download li a {

  font-weight: 700;

  color: #000;

}

.sidebar.job-sidebar .widget.widget-download li svg {

  height: 40px;

  width: 69px;

  line-height: 59px;

  text-align: center;

  position: absolute;

  right: 0;

  top: 0;

  color: #45B7E5;

  border-left: 10px solid #f7f7f7;

  padding: 10px;

}

.sidebar.job-sidebar .showing-result-block {

  padding: 15px 30px 20px;

  background-color: #f7f7f7;

  border: 1px solid #ebebeb;

  border-radius: 6px;

  font-size: 15px;

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 700;

  color: #111922;

  margin-bottom: 32px;

}





.featured-imagebox-employer {

  border: 1px solid #ebebeb;

  border-radius: 6px;

  padding: 30px;

  background-color: #f7f7f7;

  justify-content: space-between;

  display: flex;

  margin: 12px 0;

  position: relative;

    overflow: hidden;

    

}

.featured-imagebox-employer .featured-thumbnail {

  height: 130px;

  width: 130px;

  border-radius: 3px;

  -webkit-flex: 1 0 auto;

  flex: 1 0 auto;

}



.featured-imagebox .featured-thumbnail img {

  -webkit-transform: scale(1);

  transform: scale(1);

  width: 100%;

  -webkit-transition: all .6s ease-in-out;

  -moz-transition: all .6s ease-in-out;

  -ms-transition: all .6s ease-in-out;

  -o-transition: all .6s ease-in-out;

}

.featured-imagebox:hover .featured-thumbnail img {

  -webkit-transform: scale(1.09);

  transform: scale(1.09);

}

.featured-imagebox-employer .featured-content {

  padding-left: 20px;

  width: 100%;

  position: relative;

}

.featured-imagebox-employer .featured-content {

  padding-left: 20px;

  width: 100%;

  position: relative;

}

.featured-imagebox-employer:hover .featured-content .select-btn {

  opacity: 1;

}

.featured-imagebox-employer .featured-content .select-btn svg {

  font-size: 13px;

  transition: all .2s;

  color: #45B7E5;

}

.featured-imagebox-employer .featured-content .featured-title h3 {

  font-size: 18px;

  line-height: 26px;

  margin-bottom: 2px;

}

.featured-imagebox-employer .featured-content .featured-bottom .job-meta {

  width: 100%;

  margin-top: 10px;

}

.featured-imagebox-employer .featured-content .featured-bottom .job-meta span {

  font-size: 14px;

  display: block;

}

.featured-imagebox-employer .featured-content .featured-bottom .job-meta span svg {

  font-size: 13px;

  margin-right: 5px;

  color: #45B7E5;

}





a.ttm-btn.ttm-btn-size-md.ttm-btn-shape-rounded.ttm-btn-style-border.ttm-btn-color-dark {

    border: 2px solid #45b7e5;

    color: #45B7E5;

    border-radius: 5px;

    padding: 10px 20px;

    display: inline-block;

    font-weight: 500;

    text-transform: capitalize;

    width: 150px;

    text-align: center;

}



.featured-bottom {

    display: flex;

    align-items: center;

}

.ttm-row.sidebar.job-sidebar.clearfix {

  padding: 100px 0;

}



.featured-imagebox .select-btn {

    position: absolute;

    right: 0;

    top: 0;

}

.sidebar.job-sidebar .job_list-widget .widget .widget-title svg {

  margin-right: 12px;

  font-size: 26px;

  line-height: 0;

  color: #45B7E5;

  display: inline-block;

  vertical-align: middle;

}

/* iner :end */



.sidebar.job-sidebar .job_list-widget .widget form label input, .sidebar.job-sidebar .job_list-widget .widget form label select, .sidebar.job-sidebar .job_list-widget .widget form label textarea {

  width: 100%;

  border-radius: 3px;

  padding: 11px 15px;

  color: #919191;

  border: 0;

  background-color: #f7f7f7;

  margin-bottom: 20px;

  resize: none;

}

.wrap-form label {

  width: 100%;

  margin: 0;

  font-size: 14px;

  line-height: 1;

  position: relative;

  color: #919191;

}



button.submit.ttm-btn.ttm-btn-size-md.ttm-btn-shape-rounded.ttm-btn-style-fill.ttm-btn-color-skincolor.w-100 {

  background: #45b7e5;

  border: unset;

  color: #fff;

  text-transform: capitalize;

  height: 50px;

}

.sidebar.job-sidebar .overview-box {

  border: 1px solid #ebebeb;

  border-radius: 6px;

  margin-top: 30px;

}

.sidebar.job-sidebar .overview-box .desc {

  padding: 27px 30px;

}

.ttm-icon.ttm-icon_element-onlytxt {

  height: auto;

  width: auto;

  line-height: 1;

}

button.submit.ttm-btn.ttm-btn-size-md.ttm-btn-shape-rounded.ttm-btn-style-fill.ttm-btn-color-skincolor.w-100 {

  background: #45b7e5;

  border: unset;

  color: #fff;

  text-transform: capitalize;

  height: 50px;

}



.desc h6 {

  color: #000;

  font-size: 15px;

  font-weight: 600 !important;

}



.desc spsn {

  color: #919191;

}



.desc span {

  color: #919191;

  font-size: 14px;

}

.sidebar.job-sidebar .overview-box .title {

  padding: 15px 30px;

  border-bottom: 1px solid #ebebeb;

  background-color: #f7f7f7;

}

.sidebar.job-sidebar .overview-box .social-icons li a {

  height: 24px;

  width: 24px;

  line-height: 24px;

  border: 0;

  border-radius: 5px;

  background-color: #fff;

  font-size: 11px;

  box-shadow: 0 0 8px rgba(0,0,0,.08);

}

.p-20.location-d div {

  line-height: 32px;

  display: flex;

  gap: 10px;

}



.p-20.location-d a {

  display: flex;

  align-items: center;

  gap: 7px;

  color: #000;

}



.p-20.location-d {

  padding: 10px 10px;

}

ul.ttm-list.ttm-list-style-disc.ttm-list-icon-color-skincolor li {

  color: #000;

  line-height: 37px;

  list-style: circle;

}



.ttm-icon.ttm-icon_element-onlytxt svg {

  color: #45b7e5;

}



.desc .d-flex {

  gap: 10px;

  margin-bottom: 15px;

}



.social-icons li {

  display: inline-block;

  border: none;

  z-index: 1;

  position: relative;

  margin: 0 2px;

}

.sidebar.job-sidebar .overview-box .social-icons li a {

  height: 24px;

  width: 24px;

  line-height: 24px;

  border: 0;

  border-radius: 5px;

  background-color: #fff;

  font-size: 11px;

  box-shadow: 0 0 8px rgba(0,0,0,.08);

  display: flex;

  align-items: center;

  justify-content: center;

  color: #000;

}



.maindv-popularjobs.candiateimg-box img {

  width: 100%;

  height: 320px;

  border-radius: 10px;

  object-fit: cover;

}



.candiateimg-box h2 {

  color: #3E5660;

  margin-top: 20px;

  font-size: 30px;

}



.candiateimg-box p {

  color: #3E5660;

  opacity: 50%;

  font-weight: 600;

}



.ratings-info svg {

  color: orange;

}



.ratings-info span {

  opacity: 50%;

  font-weight: 500;

  font-size: 16px;

}



.candiateimg-box ul.location li {

  font-size: 23px;

  margin-top: 5px;

}



.ratings-info {

  margin-top: 5px;

}





/* LOGIN PAGE CSS STRT */



.text-blue {

  color: #100c6c;

}



.text-black {

  color: #000 !important;

}



.log-in-wrap {

  padding: 40px 40px;

  background-color: #ffffff;

  /* border: 1px solid #c4c4c4; */

  float: right;

  width: 100%;

  box-shadow: 0 0 8px 0 #c4c4c4;

}



.form-group {

  margin-bottom: 15px;

}



.log-in-wrap h2 {

  margin: 0 0 20px 0;

  text-align: center;

  color: #0b2240;

  font-size: 40px;

  text-transform: uppercase;

  font-weight: 600;

  line-height: 54px;

}



.login_btn {

  width: 100%;

  background-color: #45b7e5;

  padding: 10px;

  display: block;

  color: #fff;

  font-size: 16px;

  text-transform: uppercase;

  border: none;

  border: 2px solid #fff;

  transition: all 0.3s ease-in-out;

}



.contact-page-main .form-control {

  height: 55px;

  background-color: #ffffff;

  border-color: #d5d5d5;

}



.log-in-page-main .form-check label.form-check-label {

  font-size: 14px;

  font-weight: 300;

  /* font-family: 'Lato'; */

  margin: 0;

  font-weight: 300;

  font-family: "Roboto";

  color: #000;

}



.form-check-input:checked {

  background-color: #9a785d;

  border-color: #9a785d;

}



.log-in-page-main .form-check,

.forgot-pass {

  display: inline-block;

}



input::placeholder {

  font-size: 15px;

  font-family: "Roboto";

  font-weight: 300;

  color: #000;

  opacity: 0.5;

}



input[type="text"]::placeholder {

  font-size: 15px;

  font-family: "Roboto";

  font-weight: 300;

}



.forgot-pass {

  width: 82%;

  text-align: right;

}



.forgot-pass a {

  font-size: 14px;

  font-weight: 300;

  /* font-family: 'Lato'; */

  margin: 0;

  font-weight: 400;

  font-family: "Roboto";

  color: #b6b5b5;

}



.agree-text {

  color: #b6b5b5;

  font-size: 14px;

  font-weight: 400;

  margin-top: 5px;

  margin-bottom: 15px;

  font-family: "Roboto";

}



.term-condition {

  font-weight: 600;

  margin-left: 10px;

  color: #45b7e5 !important;

  border-bottom: 2px solid #45b7e5;

  /* font-size: 15px; */

}



.form-group {

  margin-bottom: 15px;

}



.form-control {

  display: block;

  width: 100%;

  height: 34px;

  padding: 6px 32px;

  font-size: 16px;

  line-height: 1.42857143;

  color: #b0afaf;

  background-color: #fff;

  background-image: none;

  border: 1px solid #b0afaf;

  border-radius: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border-color ease-in-out 0.15s,

    -webkit-box-shadow ease-in-out 0.15s;

  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}



.login_btn:hover {

  background: transparent;

  border: 2px solid #45b7e5;

  color: #45b7e5;

  transition: all 0.3s ease-in-out;

}



input#defaultCheck1 {

  border-color: #45b7e5;

  border-width: 2px;

  border-radius: 0;

}



/* Login Page End */





/* about :start */



section.about-wrap {

  padding: 100px 0;

}







.about-text h4 {

  font-size: 20px;

  margin-bottom: 10px;

}



.about-text p {

  opacity: 100%;

  line-height: 28px;

}



.about-text h2 {

  margin-bottom: 10px;

}



.about-img img {

  width: 100%;

  border-radius: 20px;

}



/* about :end */

/* team-pg */



.team-box {

  padding: 30px;

  background: #fff;

  border-radius: 20px;

  box-shadow: 0px 0px 12px #a4a4a4;

  text-align: center;

  transition: 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);

  margin-bottom: 5rem;

}



.team-img-box {

  height: 300px;

  overflow: hidden;

  border-radius: 15px;

  margin-bottom: 10px;

  width: 300px;

  border-radius: 50%;

  margin: 0 auto;

  margin-bottom: 20px;

}



.team-img-box>img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);

}



.team-box h4 {

  font-size: 37px;

  font-family: "ramila regular";

  color: black;

  line-height: 1;

  margin-bottom: 5px;

}



.team-box h5 {

  font-size: 26px;

  font-family: "ramila regular";

  color: black;

  line-height: 1;

  margin-bottom: 10px;

}



.team-social {

  display: flex;

  justify-content: center;

  gap: 20px;

}



.team-social>a {

  display: grid;

  place-items: center;

  width: 45px;

  height: 45px;

  border-radius: 50%;

  background: lightslategrey;

  font-size: 25px;

  transition: 0.4s ease-in-out;

  color: white;

}



.team-social>a:nth-child(1) {

  background: #3b5998;

}



.team-social>a:nth-child(2) {

  background: #0e76a8;

}



.team-social>a:nth-child(3) {

  background: #2296f9;

}



.team-social>a:nth-child(4) {

  background: #cd1f29;

}



.team-social>a:hover {

  box-shadow: 5px 5px 5px black;

  transform: scale(1.1);

}



.team-box:hover .team-img-box>img {

  transform: scale(1.2);

}



.team-box:hover {

  background: #45b7e5;

  box-shadow: 0px 0px 12px black;

}



.team-box:hover h5,

.team-box:hover h4 {

  color: white;

}



ul.pagination {

  justify-content: center;

}

section.team-pg.ptb-70 {

  padding: 100px 0;

  padding-top: 150px;

}

/* team-pg */



section.testi-pg.ptb-70 {

  padding: 100px 0;

}

.main-testi-box {

  margin-top: 20px;

}



.maindv-blog {

  margin-top: 20px;

}





/*BLOG DETAIL PAGE CSS STRT*/



.blog_sidebar form {

  position: relative;

}



.blog_sidebar form input {

  width: 100%;

  height: 50px;

  padding-left: 15px;

  border: 2px solid #ebebeb;

}



.blog_sidebar form input::placeholder {

  font-family: "helvetica";

  color: #000;

}



.blog_sidebar form button {

  position: absolute;

  border: 2px solid #87b900;

  background-color: #87b900;

  color: #fff;

  font-size: 17px;

  text-transform: uppercase;

  height: 50px;

  right: 0;

  padding: 0px 20px;

  font-family: "helvetica";

}



.blog_sidebar form button:hover {

  background-color: #ffffff;

  border: 2px solid #87b900;

  color: #87b900;

  transition: 0.3s ease-in-out;

}



.recent_post_side {

  margin-top: 20px;

}



.recent_post_side h4 {

  font-size: 35px;

  color: #000000;

  text-transform: capitalize;

  font-family: "Playfair Display";

  font-weight: bold;

}



.posts_blog_img {

  width: 40%;

  height: 150px;

  border-radius: 10px;

  overflow: hidden;

}



.posts_blog_img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.posts_blog_text {

  width: 50%;

  padding-left: 20px;

}



.posts_blog_text p {

  font-size: 16px;

  color: #000;

  line-height: 26px;

  font-weight: 600;

  margin-bottom: 10px;

}



.posts_blog_text h6 {

  font-size: 14px;

  font-weight: 600;

  margin: 0;

  display: inline-block;

  color: #45b7e5;

  text-transform: uppercase;

  padding-right: 22px;

  font-family: 'Montserrat';

}



.posts_blog {

  padding: 10px 0px;

  border-bottom: 0;

}



.blog_det_text h6 {

  color: #87b900;

  font-size: 23px;

  margin-bottom: 20px;

  font-weight: bold;

  font-family: "helvetica";

}



.blog_det_text h3 {

  font-size: 38px;

  color: #000;

  margin-bottom: 30px;

  font-weight: 500;

  margin-top: 0;

  text-transform: uppercase;

  line-height: 66px;

}



.blog_det_text p {

  color: #00000091;

  font-size: 15px;

  line-height: 28px;

  font-weight: 500;

}



.nav-flex {

  display: flex;

  align-items: center;

}



.blog_det_img img {

  height: 590px;

  width: 100%;

  object-fit: cover;

}



.blog_det_banner .inner_banner h2 {

  font-size: 67px;

  margin: 0px;

  line-height: 65px;

}



.posts_blog_text img {

  margin: 0;

  display: inline-block;

}



.posts_blog_text .list-inline {

  padding: 5px;

  border: 1px solid #cccccc;

  border-left: 0;

  border-right: 0;

  display: flex;

  justify-content: space-between;

}



.blog_auth_detail img,

.blog_auth_detail h6 {

  display: inline-block;

}



.blog_auth_detail h6 {

  font-size: 16px;

  font-weight: 500;

  margin: 0 0 0 10px;

  color: #45b7e5;

  text-transform: uppercase;

}



.blog_auth_detail li {

  display: inline-flex;

  align-items: center;

  padding: 10px;

}



.blog_auth_detail {

  padding: 5px;

  border: 1px solid #cccccc;

  border-left: 0;

  border-right: 0;

  display: inline-block;

  margin-bottom: 30px;

  width: 70%;

}



.blog_det_img {

  width: 100%;

  height: 100%;

  overflow: hidden;

  border-radius: 15px;

}



.posts_blog i {

  color: #7f7f7f;

  margin-right: 5px;

}



ul.list-inline.blog_auth_detail i {

  color: #7f7f7f;

}





.recent_post_side h3 {

  color: #000;

  font-size: 36px;

  text-transform: uppercase;

}



ul.list-inline svg {

  color: #45b7e5;

}



/*BLOG DETAIL PAGE CSS STRT*/

/*Support Start*/



.contact-u{

  padding-bottom: 80px;

  padding-top: 80px;

  position: relative;

  z-index: 1;

  }

  section.contact-u:before {

  

  position: absolute;

  top: 0;

  width: 100%;

  left: 890px;

  height: 100%;

  background-image: url(../images/contact.jpg);

  background-repeat: no-repeat;

  z-index: -1;

  }

  .contact-u p span {

    display: block;

}

.contact-u h2 {

    text-align: center;

    color: #000000;

    font-size: 60px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 1%;

}

.contact-u p {

    color: #666666;

    font-size: 17px;

    text-align: center;

    line-height: 30px;

}

.contact-u input {

    width: 100%;

    padding: 19px 15px;

    border: 1px solid #d6d6d6;

    margin-top: 30px;

    color: #000;

    font-size: 14px;

}

.contact-u textarea {

    width: 100%;

    padding: 15px 15px;

    border: 1px solid #d6d6d6;

    margin-top: 30px;

    resize: none;

    height: 180px;

    color: #000;

    font-size: 14px;

}

  .contact-u ::placeholder{

  color: #000;

  font-weight:500px;

  }

.contact-u button {

    background: #45b7e5;

    font-size: 16px;

    color: #fff;

    font-weight: 500;

    padding: 15px 50px;

    transition: 1.5s ease-in-out;

    border-radius: 0px;

    border: 0px;

    margin-top: 20px;

}

 

section.our-website.innerpg {

    padding-top: 10%;

}

.map-cntc iframe {

  width: 100%;

  height: 550px;

}

.contact-u h2 span {

    color: #45b7e5;

}



/*Support End */





.pbmit-our-history-section-top .pbmit-heading-subheading{

  margin-bottom: 30px;

}

.pbmit-timeline .pbmit-ourhistory-left span{

  display: block;

  font-size: 22px;

  font-weight: 700;

  line-height: 20px;

}

.pbmit-timeline .pbmit-ourhistory-right{

  padding-bottom: 50px;

  padding-left: 70px;

  position: relative;

  min-height: 1px;

  padding-right: 15px;

}

.pbmit-timeline .pbmit-ourhistory-right .inner-image{

  display: none;

}

.pbmit-timeline .pbmit-ourhistory-right .inner-label {

  display: none;

  font-size: 22px;

  font-weight: 700;

  line-height: 20px;

  margin: 20px 0; 

}

.pbmit-timeline .pbmit-ourhistory-right h4{

  font-size: 24px;

  line-height: 24px;

  margin-bottom: 30px;

}

.pbmit-timeline .pbmit-ourhistory-right::before{

  content: '';

  position: absolute;

  top: 0;

  left: 6px;

  z-index: 2;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  box-sizing: content-box;

  background-color: #0aadeb;

}

.pbmit-timeline .pbmit-ourhistory-right::after{

  content: '';

  position: absolute;

  top: 0;

  left: 10px;

  z-index: 1;

  width: 4px;

  height: 100%;

  background: #000;

}

.pbmit-timeline .pbmit-timeline-inner:last-child .pbmit-ourhistory-right::after{

  display: none;

}



section.section-lgx.pbmit-bg-color-light {

  padding: 100px 0;

}

.pbmit-timeline {

  margin-top: 40px;

}



section.service-wrap {

  padding: 100px 0;

}



section.service-wrap .empolyerbox {

  margin-top: 0;

  margin-bottom: 40px;

  background: #fff;

  box-shadow: 0 0 10px #00000017;

  border-radius: 10px;

  padding: 20px 20px;

}



section.service-wrap .empolyerbox h3 {

  color: #ffffff;

  margin-bottom: 5px;

  background: #45b7e5;

  width: 70px;

  height: 70px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.resume-upload {

  position: relative;

}



.resume-upload input {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  opacity: 0;

}



.resume-box {

  width: 100%;

  padding: 10px 20px;

  margin: 0 0 20px;

  border-radius: 5px;

  border: 1px solid #d2d7e0;

  text-align: center;

}



.resume-box img {

  width: 70px;

  filter: opacity(0.5);

}



.resume-box h6 {

  text-transform: capitalize;

  font-size: 16px;

  color: #00000040;

  margin-bottom: 20px;

}



.apply_left.apply_form.creat-form h4 {

  text-align: center;

  margin-bottom: 20px;

  font-size: 40px;

}



.slider-bg video {
  width: 100%;
  height: 740px;
  object-fit: cover;
  object-position: top;
}

.about-bottm-text {
  margin-top: 40px;
}

.about-bottm-text p {
  margin-bottom: 20px;
}
.ser-text-btm {
  margin-top: 25px;
}
a.button1.cts {
  color: #fff;
  margin-top: 16px;
  padding: 16px 20px;
}
.services-deatl-nd {
  text-align: center;
  width: 70%;
  margin: 0 auto;
}

.services-deatl-nd h2 {
  color: #1375ba;
  margin-bottom: 30px;
}

.services-deatl-nd p {
  margin-bottom: 20px;
}
.nice-select.select-dt-s.open {
  font-size: 20px;
  padding: 0px 44px 0px 0px;
  color: #000;
  font-weight: 700;
}


.banner-slider-client-v .slick-list {
    overflow: visible;
}