@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
  --main-font-family: 'Poppins', sans-serif;
  --main-color: #ff5c1d;
  --optional-color: #ff5d22;
  --white-color: #ffffff;
  --black-color: #181B31;
  --paragraph-color: #424242;
  --font-size: 15px;
  --transition: .6s;
}

label{padding-left: 5px;}
body {
  padding: 0;
  margin: 0;
  font-family: var(--main-font-family);
  font-size: var(--font-size);
  overflow-x: hidden;
}

a {
  text-decoration: none;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--black-color);
  display: inline-block;
}

a:hover, a:focus {
  color: var(--main-color);
  text-decoration: none;
}

button {
  outline: 0 !important;
}

p {
  margin-bottom: 15px;
  line-height: 1.8;
  color: var(--paragraph-color);
  font-weight: 400;
  font-family: var(--main-font-family);
  font-size: var(--font-size);
}

p:last-child {
  margin-bottom: 0;
}

i {
  line-height: normal;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}


.ptb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ptb-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.mb-20
{
  margin-bottom: 20px;
}

.pb-30
{
  padding-bottom: 30px;
}


.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-60 {
  padding-top: 60px;
}


.pt-40 {
  padding-top: 40px;
}

.pb-75 {
  padding-bottom: 75px;
}
.pb-40 {
  padding-bottom: 40px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-25
{
  padding-bottom: 25px;
}
.pt-25
{
  padding-top: 25px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--black-color);
  font-family: var(--main-font-family);
  font-weight: bold;
}

.pd-40
{
  padding: 40px;
}

.br-12
{
  border-radius: 12px;
}
.h-100
{
  height: 100%;
}
/*================================================
Default Btn CSS
=================================================*/
.default-btn {

    padding: 14px 22px;
    text-align: center;
    color: #ffffff !important;
    font-size: var(--font-size);
    font-weight: 500;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    background: #ff5c1d;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    border: 0px solid var(--main-color);
    border-radius: 4px;
    margin-bottom: 10px;
}

.default-btn:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 550px;
  height: 550px;
  margin: auto;
  background: var(--main-color);
  border-radius: 50%;
  z-index: -1;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: translateX(-50%) translateY(-5%) scale(0.4);
          transform: translateX(-50%) translateY(-5%) scale(0.4);
  -webkit-transition: -webkit-transform .9s;
  transition: -webkit-transform .9s;
  transition: transform .9s;
  transition: transform .9s, -webkit-transform .9s;
}

.default-btn i {
  position: relative;
  top: 1px;
  font-size: 15px;
  margin-left: 5px;
}

.default-btn:hover {
  color: var(--white-color) !important;
}

.default-btn:hover:before {
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform: translateX(-45%) translateY(0) scale(1);
          transform: translateX(-45%) translateY(0) scale(1);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}

.default-btn.border-radius {
  border-radius: 30px;
}


.default-btn-white
{
  padding: 14px 22px;
    text-align: center;
    color: #ff5c1d !important;
    font-size: var(--font-size);
    font-weight: 500;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    border: 0px solid var(--main-color);
    border-radius: 4px;
}
/*================================================
Section Title CSS
=================================================*/
.section-title {
  margin-bottom: 25px;
}


/*================================================
About Area CSS
=================================================*/

.about-content-wrap h3 {

  line-height: 1.4;
}


.single-funfact-card {
  margin-bottom: 25px;
  text-align: center;
}

.single-funfact-card h3 {
  line-height: 0;
  font-size: 50px;
  color: var(--main-color);
  margin-bottom: 8px;
}

.single-funfact-card h3 .small-text {
  font-size: 50px;
  position: relative;
  left: -5px;
}

.single-funfact-card .odometer {
  font-family: var(--main-font-family);
}

.single-funfact-card p {
  color: var(--white-color);
}

.single-funfact-card.with-right-border {
  position: relative;
}

.single-funfact-card.with-right-border::before {
  content: "";
  position: absolute;
  top: 0;
  right: -25px;
  width: 1px;
  height: 100%;
  background-color: #5f6367;
}

.fun-fact-inner-box {
  background-color: var(--white-color);
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding-top: 100px;
  padding-bottom: 75px;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
  z-index: 1;
}

.fun-fact-inner-box .single-funfact-card p {
  color: var(--paragraph-color);
}

.fun-fact-inner-box .single-funfact-card.with-right-border {
  position: relative;
}

.fun-fact-inner-box .single-funfact-card.with-right-border::before {
  content: "";
  position: absolute;
  top: 0;
  right: -25px;
  width: 1px;
  height: 100%;
  background-color: #DDDDDD;
}

.fun-fact-inner-box .fun-fact-shape-1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.fun-fact-inner-box .fun-fact-shape-2 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

/*================================================
Services Area CSS
=================================================*/
.services-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.services-slides .single-services-card img
{
      border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.single-services-card {
     margin-bottom: 25px;
  /*  border: 2px solid #ff5d20;*/
  box-shadow: 0px -10px 30px rgb(0 0 0 / 10%);
    padding: 5px;
    border-radius: 8px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background-color: var(--white-color);
}

.single-services-card .icon {
  margin-bottom: 0px;
}

.single-services-card .icon i {
  font-size: 95px;
  color: var(--main-color);
  line-height: 1;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-services-card h3 {
    font-size: 14px;
    position: relative;
    margin-bottom: 0px;
    padding-bottom:0px;
    font-weight: 600;
    text-align: center;
    padding: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
}

.single-services-card h3 a {
  color: var(--black-color);
}

/*.single-services-card h3::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 78px;
  height: 18px;
  background-image: url(../images/services/shape-1.png);
  margin: auto;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
*/
.single-services-card p {
  margin-bottom: 20px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-services-card .services-btn {
  color: var(--main-color);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-weight: 500;
}

.single-services-card .services-btn i {
  position: relative;
  top: 4px;
  font-size: 18px;
}

.single-services-card:hover {
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
}

    .single-services-card:hover .c-v2 {
        color: var(--white-color) !important;
    }

    .single-services-card:hover .icon i {
        color: var(--white-color);
    }

.single-services-card:hover h3 a {
  color: var(--white-color);
}

.single-services-card:hover h3::before {
  background-image: url(../images/services/shape-2.png);
}

.single-services-card:hover p {
  color: var(--white-color);
}

.single-services-card:hover .services-btn {
  color: var(--white-color);
}

.single-services-card.with-bg-image {
  position: relative;
  z-index: 1;
}

.single-services-card.with-bg-image::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0%;
  background-image: url(../images/services/services-1.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  opacity: 0;
}

.single-services-card.with-bg-image::after {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0%;
  background-color: #212428;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  opacity: 0;
}

.single-services-card.with-bg-image:hover {
  border: 1px solid #212428;
}

.single-services-card.with-bg-image:hover::before {
  height: 100%;
  opacity: 1;
}

.single-services-card.with-bg-image:hover::after {
  height: 100%;
  opacity: 0.8;
}

.single-services-card.with-bg-image:hover .icon i {
  color: var(--main-color);
}

.single-services-card.with-bg-image:hover h3::before {
  background-image: url(../images/services/shape-4.png);
}

.single-services-card.with-bg-image:hover .services-btn {
  color: var(--main-color);
}

.single-services-card.with-hover-color {
  border-radius: 10px;
  position: relative;
  background-color: var(--white-color);
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.single-services-card.with-hover-color .hover-shape {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 150px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}

.single-services-card.with-hover-color .hover-shape img {
  border-radius: 0 10px 0 0;
}

.single-services-card.with-hover-color:hover {
  background-color: var(--black-color);
  border: 1px solid var(--white-color);
}

.single-services-card.with-hover-color:hover .hover-shape {
  opacity: 1;
  visibility: visible;
}

.single-services-card.with-hover-color:hover .icon i {
  color: var(--main-color);
}

.single-services-card.with-hover-color:hover h3::before {
  background-image: url(../images/services/shape-4.png);
}

.services-slides.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 0 5px;
  position: relative;
  border-radius: 50%;
  background: transparent;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border: 1px solid transparent;
}

.services-slides.owl-theme .owl-dots .owl-dot span::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  margin: 4px;
  position: absolute;
  border-radius: 50%;
  background-color: var(--main-color);
}

.services-slides.owl-theme .owl-dots .owl-dot:hover span, .services-slides.owl-theme .owl-dots .owl-dot.active span {
  width: 15px;
  height: 15px;
  border: 1px solid var(--main-color);
}

.services-slides.owl-theme .owl-dots .owl-dot:hover span::before, .services-slides.owl-theme .owl-dots .owl-dot.active span::before {
  background-color: var(--black-color);
}

.services-slides.owl-theme .owl-dots .owl-dot:first-child {
  margin-left: 0;
}

.services-slides.owl-theme .owl-dots .owl-dot:last-child {
  margin-right: 0;
}

.services-slides.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 5px;
}

.services-shape-1 {
  position: absolute;
  left: -200px;
  bottom: 50px;
  z-index: -1;
}

.services-shape-2 {
  position: absolute;
  right: -50px;
  bottom: -50px;
  z-index: -1;
}

/*================================================
Case Studies Area CSS
=================================================*/
.case-studies-area {
  background-color: var(--black-color);
  position: relative;
  z-index: 1;
  overflow: hidden;

}

.case-studies-area .container-fluid {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.case-studies-area::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--white-color);
  z-index: -1;
  height: 100%;
  width: 50px;
}

.case-studies-area::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--white-color);
  z-index: -1;
  height: 100%;
  width: 50px;
}

.case-studies-area .section-title h2 {
  color: var(--white-color);
}

.case-studies-area .section-title .default-btn {
  background-color: var(--main-color);
  color: var(--white-color) !important;
}

.case-studies-area .section-title .default-btn::before {
  background-color: var(--optional-color);
}

.case-studies-area .section-title .default-btn:hover {
  border: 1px solid var(--optional-color);
}

.single-case-studies-card {
  position: relative;
  margin-bottom: 25px;
}

.single-case-studies-card a img {
  display: inline-block !important;
}

.single-case-studies-card .case-studies-content {
  background-color: var(--white-color);
  padding: 30px 85px 30px 30px;
  position: absolute;
  left: 0;
  bottom: 35px;
  width: 90%;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-case-studies-card .case-studies-content span {
  font-size: var(--font-size);
  color: var(--paragraph-color);
  display: inline-block;
  margin-bottom: 10px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-case-studies-card .case-studies-content h3 {
  font-size: 22px;
  margin-bottom: 0;
}

.single-case-studies-card .case-studies-content h3 a {
  color: var(--black-color);
}

.single-case-studies-card .case-studies-content .icon {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.single-case-studies-card .case-studies-content .icon a i {
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 50px;
  background-color: var(--white-color);
  border: 1px solid var(--paragraph-color);
  text-align: center;
  border-radius: 50px;
  font-size: 22px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-case-studies-card:hover .case-studies-content {
  background-color: var(--main-color);
}

.single-case-studies-card:hover .case-studies-content span {
  color: var(--white-color);
}

.single-case-studies-card:hover .case-studies-content h3 a {
  color: var(--white-color);
}

.single-case-studies-card:hover .case-studies-content .icon a i {
  border: 1px solid var(--white-color);
}

.case-studies-slides.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 0 5px;
  position: relative;
  border-radius: 50%;
  background: transparent;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border: 1px solid transparent;
}

.case-studies-slides.owl-theme .owl-dots .owl-dot span::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  margin: 4px;
  position: absolute;
  border-radius: 50%;
  background-color: var(--white-color);
}

.case-studies-slides.owl-theme .owl-dots .owl-dot:hover span, .case-studies-slides.owl-theme .owl-dots .owl-dot.active span {
  width: 15px;
  height: 15px;
  border: 1px solid var(--white-color);
}

.case-studies-slides.owl-theme .owl-dots .owl-dot:hover span::before, .case-studies-slides.owl-theme .owl-dots .owl-dot.active span::before {
  background-color: var(--main-color);
}

.case-studies-slides.owl-theme .owl-dots .owl-dot:first-child {
  margin-left: 0;
}

.case-studies-slides.owl-theme .owl-dots .owl-dot:last-child {
  margin-right: 0;
}

.case-studies-slides.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 5px;
}

.case-studies-shape-1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.case-studies-shape-2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.case-studies-shape-3 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.case-studies-area-without-color .section-title {
  max-width: 850px;
  margin: 0 auto 45px;
}

/*================================================
Video Area CSS
=================================================*/
.video-area {
  position: relative;
  margin-top: -200px;
  z-index: 1;
}

.video-view {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.video-view .view-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 375px;
  margin: auto;
  padding: 35px;
  z-index: 1;
}

.video-view .view-content::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 100px;
  height: 100%;
  width: 100%;
  background-color: var(--black-color);
  z-index: -1;
  opacity: .95;
  border-radius: 50% 50% 0 0;
}
 .video-view .view-content .video-btn {
     display: inline-block;
     width: 100px;
     height: 100px;
     line-height: 100px;
     background-color: var(--white-color);
     border-radius: 50%;
     color: var(--main-color);
     text-align: center;
     font-size: 70px;
     -webkit-transition: var(--transition);
     transition: var(--transition);
     position: relative;
     z-index: 1;
}
 .video-view .view-content .video-btn i {
     -webkit-transition: var(--transition);
     transition: var(--transition);
     position: relative;
     top: 8px;
     left: 4px;
}
 .video-view .view-content .video-btn::before {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
     bottom: 0;
     left: 0;
     border-radius: 50%;
     border: 5px solid var(--main-color);
     -webkit-animation: ripple 2s linear infinite;
     animation: ripple 2s linear infinite;
}
 .video-view .view-content .video-btn:hover {
     background-color: var(--optional-color);
}
 .video-view .view-content .video-btn:hover i {
     color: var(--white-color);
}
 .video-view .view-content span {
     color: var(--main-color);
     display: block;
     margin-top: 35px;
     margin-bottom: 15px;
}
 .video-view .view-content h4 {
     color: var(--white-color);
     margin-bottom: 0;
     font-size: 20px;
     line-height: 1.4;
}
 @-webkit-keyframes ripple {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     75% {
         -webkit-transform: scale(1.75);
         transform: scale(1.75);
         opacity: 1;
    }
     100% {
         -webkit-transform: scale(2);
         transform: scale(2);
         opacity: 0;
    }
}
 @keyframes ripple {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     75% {
         -webkit-transform: scale(1.75);
         transform: scale(1.75);
         opacity: 1;
    }
     100% {
         -webkit-transform: scale(2);
         transform: scale(2);
         opacity: 0;
    }
}
 .video-area-with-bg-image {
     background-image: url(../images/slider-1.jpg);
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
     z-index: 1;
     background-attachment: fixed;
}
 .video-area-with-bg-image::before {
     position: absolute;
     content: "";
     left: 0;
     right: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #002a62;
     z-index: -1;
     opacity: .90;
}
 .view-content-wrap {
     text-align: center;
     max-width: 750px;
     margin: auto;
}
 .view-content-wrap .video-btn {
     display: inline-block;
     width: 100px;
     height: 100px;
     line-height: 100px;
     background-color: var(--white-color);
     border-radius: 50%;
     color: var(--main-color);
     text-align: center;
     font-size: 70px;
     -webkit-transition: var(--transition);
     transition: var(--transition);
     position: relative;
     z-index: 1;
}
 .view-content-wrap .video-btn i {
     -webkit-transition: var(--transition);
     transition: var(--transition);
     position: relative;
     top: 8px;
     left: 4px;
}
 .view-content-wrap .video-btn::before {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
     bottom: 0;
     left: 0;
     border-radius: 50%;
     border: 5px solid var(--main-color);
     -webkit-animation: ripple 2s linear infinite;
     animation: ripple 2s linear infinite;
}
 .view-content-wrap .video-btn:hover {
     background-color: var(--optional-color);
}
 .view-content-wrap .video-btn:hover i {
     color: var(--white-color);
}
 .view-content-wrap span {
     color: var(--main-color);
     display: block;
     margin-top: 35px;
     margin-bottom: 15px;
}
 .view-content-wrap h3 {
     color: var(--white-color);
     margin-bottom: 0;
     font-size: 48px;
     line-height: 1.4;
}
 .view-content-wrap h3 b {
     color: var(--main-color);
}
/*================================================ Choose Us Area CSS =================================================*/
 .choose-us-area {
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .choose-us-content span {
     font-size: var(--font-size);
     color: var(--main-color);
     display: inline-block;
     margin-bottom: 15px;
}
 .choose-us-content h3 {
     font-size: 48px;
     margin-bottom: 20px;
}
 .choose-us-content p {
     margin-bottom: 0;
}
 .choose-us-inner-box {
     margin-top: 35px;
}
 .choose-us-inner-box .choose-us-list {
     padding: 0;
     margin-bottom: 0;
}
 .choose-us-inner-box .choose-us-list li {
     list-style-type: none;
     margin-bottom: 20px;
     color: var(--paragraph-color);
     position: relative;
     padding-left: 35px;
     line-height: 1.8;
}
 .choose-us-inner-box .choose-us-list li:last-child {
     margin-bottom: 0;
}
 .choose-us-inner-box .choose-us-list li i {
     font-size: 22px;
     color: var(--main-color);
     position: absolute;
     left: 0;
     top: 2px;
}
 .choose-us-box {
     margin-left: 30px;
     position: relative;
}
 .choose-us-box .single-choose-us-card {
     text-align: center;
     border: 1px solid #DDDDDD;
     padding: 45px 35px;
     background-color: var(--white-color);
     -webkit-transition: var(--transition);
     transition: var(--transition);
}
 .choose-us-box .single-choose-us-card.with-box-shadow {
     border: 1px solid var(--white-color);
     -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
 .choose-us-box .single-choose-us-card .icon {
     margin-bottom: 15px;
}
 .choose-us-box .single-choose-us-card .icon i {
     font-size: 120px;
     color: var(--main-color);
     line-height: 1;
}
 .choose-us-box .single-choose-us-card .number {
     display: inline-block;
     height: 100px;
     width: 100px;
     line-height: 100px;
     font-size: 48px;
     background: var(--main-color);
     color: var(--white-color);
     font-weight: bold;
     text-align: center;
     border-radius: 50px;
     margin-bottom: 25px;
}
 .choose-us-box .single-choose-us-card h3 {
     font-size: 20px;
     margin-bottom: 0;
}
 .choose-us-box .single-choose-us-card:hover {
     border: 1px solid var(--main-color);
}
 .choose-us-box .row .col-lg-6:nth-child(1) .single-choose-us-card {
     margin-bottom: 25px;
}
 .choose-us-box .row .col-lg-6:nth-child(2) .single-choose-us-card {
     margin-top: 25px;
}
 .choose-us-box .row .col-lg-6:nth-child(3) .single-choose-us-card {
     margin-bottom: 25px;
}
 .choose-us-box .row .col-lg-6:nth-child(4) .single-choose-us-card {
     margin-top: 25px;
}
 .choose-us-box .choose-us-shape-2 {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     text-align: center;
     z-index: -1;
}
 .choose-us-shape-1 {
     position: absolute;
     left: -100px;
     bottom: 55px;
     z-index: -1;
}
/*================================================ Testimonials Area CSS =================================================*/
 .testimonials-area {
     background-color: var(--black-color);
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .testimonials-area .section-title h2 {
     color: var(--white-color);
}
 .single-testimonials-card {
     background-color: var(--white-color);
     padding: 19px;
     margin-bottom: 25px;
     border-radius: 8px;
     height: 230px;
}
 .testimonials-slides .single-testimonials-card .icon img {
     width: 100px;
     border-radius: 100%;
     margin-bottom: 20px text-align: center;
     margin: 0px auto;
}
 .single-testimonials-card .info .icon i {
     display: inline-block;
     height: 85px;
     width: 85px;
     line-height: 95px;
     background-color: var(--black-color);
     color: var(--main-color);
     font-size: 45px;
     text-align: center;
     border-radius: 50px;
}
 .single-testimonials-card .info .image {
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .single-testimonials-card .info .image img {
     display: inline-block;
     height: 85px;
     width: 85px;
     border-radius: 50px;
}
 .single-testimonials-card .info h3 {
     font-size: 16px;
     margin-bottom: 0;
     text-align: center;
     margin-top: 10px;
}
 .single-testimonials-card .info span {
     color: #ff5c1d;
     display: inline-block;
     margin-top: 8px;
     font-weight: 600;
     font-size: 14px;
     text-align: center;
     line-height: 16px;
}
 .single-testimonials-card .info {
     text-align: center;
}
 .single-testimonials-card p {
     margin-bottom: 0;
     font-size: 15px;
     line-height: 20px;
}
 .single-testimonials-card.with-border {
     border: 1px solid #DDDDDD;
     -webkit-transition: var(--transition);
     transition: var(--transition);
}
 .single-testimonials-card.with-border:hover {
     border: 1px solid var(--main-color);
}
 .testimonials-slides.owl-theme .owl-dots .owl-dot span {
     width: 15px;
     height: 15px;
     margin: 0 5px;
     position: relative;
     border-radius: 50%;
     background: transparent;
     -webkit-transition: var(--transition);
     transition: var(--transition);
     border: 1px solid transparent;
}
 .testimonials-slides.owl-theme .owl-dots .owl-dot span::before {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     content: '';
     margin: 4px;
     position: absolute;
     border-radius: 50%;
     background-color: var(--white-color);
}
 .testimonials-slides.owl-theme .owl-dots .owl-dot:hover span, .testimonials-slides.owl-theme .owl-dots .owl-dot.active span {
     width: 15px;
     height: 15px;
     border: 1px solid var(--white-color);
}
 .testimonials-slides.owl-theme .owl-dots .owl-dot:hover span::before, .testimonials-slides.owl-theme .owl-dots .owl-dot.active span::before {
     background-color: var(--main-color);
}
 .testimonials-slides.owl-theme .owl-dots .owl-dot:first-child {
     margin-left: 0;
}
 .testimonials-slides.owl-theme .owl-dots .owl-dot:last-child {
     margin-right: 0;
}
 .testimonials-slides.owl-theme .owl-nav.disabled + .owl-dots {
     margin-top: 5px;
}
 .testimonials-shape-1 {
     position: absolute;
     left: -20px;
     top: -20px;
     z-index: -1;
}
 .testimonials-shape-2 {
     position: absolute;
     right: 30px;
     bottom: 30px;
     z-index: -1;
}
 .testimonials-shape-3 {
     position: absolute;
     left: 50px;
     top: 30px;
}
 .testimonials-area-bg-transparent {
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .testimonials-area-bg-transparent .testimonials-slides.owl-theme .owl-dots .owl-dot span {
     border: 1px solid transparent;
}
 .testimonials-area-bg-transparent .testimonials-slides.owl-theme .owl-dots .owl-dot span::before {
     background-color: var(--main-color);
}
 .testimonials-area-bg-transparent .testimonials-slides.owl-theme .owl-dots .owl-dot:hover span, .testimonials-area-bg-transparent .testimonials-slides.owl-theme .owl-dots .owl-dot.active span {
     border: 1px solid var(--main-color);
}
 .testimonials-area-bg-transparent .testimonials-slides.owl-theme .owl-dots .owl-dot:hover span::before, .testimonials-area-bg-transparent .testimonials-slides.owl-theme .owl-dots .owl-dot.active span::before {
     background-color: var(--main-color);
}
.single-testimonials-box
{
      border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
}
 .single-testimonials-box p {
     font-size: 20px;
     font-weight: 400;
}
 .single-testimonials-box .info {
     margin-top: 30px;
}
 .single-testimonials-box .info .image {
     position: relative;
}
 .single-testimonials-box .info .image img {
     display: inline-block;
     height: 100px;
     width: 100px;
     border-radius: 50px;
     margin-bottom: 25px;
}
 .single-testimonials-box .info .image .icon {
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     bottom: 2px;
}
 .single-testimonials-box .info .image .icon i {
     font-size: 30px;
     color: var(--main-color);
}
 .single-testimonials-box .info h3 {
     font-size: 20px;
     margin-bottom: 0;
}
 .single-testimonials-box .info span {
     color: var(--paragraph-color);
     display: inline-block;
     margin-top: 8px;
}
 .testimonials-slides-two.owl-theme .owl-nav {
     margin-top: 0;
     opacity: 1;
     -webkit-transition: var(--transition);
     transition: var(--transition);
}
 .testimonials-slides-two.owl-theme .owl-nav [class*=owl-] {
     color: var(--black-color);
     margin: 0;
     position: absolute;
     left: -40px;
     top: 35%;
     -webkit-transform: translateY(-35%);
     transform: translateY(-35%);
     padding: 0;
     -webkit-transition: var(--transition);
     transition: var(--transition);
     background-color: transparent;
     font-size: 30px;
}
 .testimonials-slides-two.owl-theme .owl-nav [class*=owl-].owl-next {
     left: auto;
     right: -40px;
}
 .testimonials-slides-two.owl-theme .owl-nav [class*=owl-]:hover {
     color: var(--main-color);
}
 .testimonials-slides-two.owl-theme:hover .owl-nav {
     opacity: 1;
     visibility: visible;
}
/*================================================ Team Area CSS =================================================*/
 .single-team-card {
     margin-bottom: 25px;
     position: relative;
     border-radius: 8px;
     background: #fff;
     padding: 10px;
     height: 100%;
}
 .single-team-card .team-content h3 {
     font-size: 16px;
     margin-bottom: 6px;
     -webkit-transition: var(--transition);
     transition: var(--transition);
}
 .single-team-card img{
     border-radius: 8px;
}
 .team-slides.owl-theme .owl-dots .owl-dot span {
     width: 15px;
     height: 15px;
     margin: 0 5px;
     position: relative;
     border-radius: 50%;
     background: transparent;
     -webkit-transition: var(--transition);
     transition: var(--transition);
     border: 1px solid transparent;
}
 .team-slides.owl-theme .owl-dots .owl-dot span::before {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     content: '';
     margin: 4px;
     position: absolute;
     border-radius: 50%;
     background-color: var(--main-color);
}
 .team-slides.owl-theme .owl-dots .owl-dot:hover span, .team-slides.owl-theme .owl-dots .owl-dot.active span {
     width: 15px;
     height: 15px;
     border: 1px solid var(--main-color);
}
 .team-slides.owl-theme .owl-dots .owl-dot:hover span::before, .team-slides.owl-theme .owl-dots .owl-dot.active span::before {
     background-color: var(--black-color);
}
 .team-slides.owl-theme .owl-dots .owl-dot:first-child {
     margin-left: 0;
}
 .team-slides.owl-theme .owl-dots .owl-dot:last-child {
     margin-right: 0;
}
 .team-slides.owl-theme .owl-nav.disabled + .owl-dots {
     margin-top: 5px;
}
/*================================================ Blog Area CSS =================================================*/
 .blog-area {
     position: relative;
     z-index: 1;
}
 .blog-area::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     background-color: #F8F8F9;
     z-index: -1;
     height: 658px;
     width: 850px;
}
 .blog-area.bg-none::before {
     display: none;
}
 .single-blog-card {
     margin-bottom: 25px;
     position: relative;
}
 .single-blog-card a img {
     display: inline-block !important;
}
 .single-blog-card .blog-content {
     background-color: var(--black-color);
     position: absolute;
     left: 0;
     bottom: 35px;
     width: 90%;
     padding: 25px;
     -webkit-transition: var(--transition);
     transition: var(--transition);
}
 .single-blog-card .blog-content span {
     color: var(--white-color);
     font-size: 15px;
     display: inline-block;
     margin-bottom: 15px;
     -webkit-transition: var(--transition);
     transition: var(--transition);
}
 .single-blog-card .blog-content span a {
     color: var(--white-color);
}
 .single-blog-card .blog-content span a:hover {
     color: var(--black-color);
}
 .single-blog-card .blog-content h3 {
     font-size: 20px;
     margin-bottom: 20px;
     line-height: 1.5;
}
 .single-blog-card .blog-content h3 a {
     color: var(--white-color);
}
 .single-blog-card .blog-content .blog-btn {
     color: var(--main-color);
     font-weight: 500;
     -webkit-transition: var(--transition);
     transition: var(--transition);
}
 .single-blog-card .blog-content .blog-btn i {
     position: relative;
     top: 2px;
}
 .single-blog-card:hover .blog-content {
     background-color: var(--main-color);
}
 .single-blog-card:hover .blog-content .blog-btn {
     color: var(--white-color);
}
 .blog-slides.owl-theme .owl-dots .owl-dot span {
     width: 15px;
     height: 15px;
     margin: 0 5px;
     position: relative;
     border-radius: 50%;
     background: transparent;
     -webkit-transition: var(--transition);
     transition: var(--transition);
     border: 1px solid transparent;
}
 .blog-slides.owl-theme .owl-dots .owl-dot span::before {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     content: '';
     margin: 4px;
     position: absolute;
     border-radius: 50%;
     background-color: var(--main-color);
}
 .blog-slides.owl-theme .owl-dots .owl-dot:hover span, .blog-slides.owl-theme .owl-dots .owl-dot.active span {
     width: 15px;
     height: 15px;
     border: 1px solid var(--main-color);
}
 .blog-slides.owl-theme .owl-dots .owl-dot:hover span::before, .blog-slides.owl-theme .owl-dots .owl-dot.active span::before {
     background-color: var(--black-color);
}
 .blog-slides.owl-theme .owl-dots .owl-dot:first-child {
     margin-left: 0;
}
 .blog-slides.owl-theme .owl-dots .owl-dot:last-child {
     margin-right: 0;
}
 .blog-slides.owl-theme .owl-nav.disabled + .owl-dots {
     margin-top: 5px;
}
 .blog-shape-1 {
     position: absolute;
     right: 0;
     bottom: -30px;
}
/*================================================ Page Banner Area CSS =================================================*/
 .page-banner-area {
     background-image: url(../images/banner-bg.jpg);
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     padding-top: 35px;
     padding-bottom: 35px;
     position: relative;
     z-index: 1;
     overflow: hidden;
}
 .page-banner-content h2 {
     font-size: 20px;
     margin-bottom: 0;
}
/*================================================ Gallery Area CSS =================================================*/
 .single-gallery-item {
     margin-bottom: 25px;
     border-radius: 5px;
     overflow: hidden;
     cursor: -webkit-zoom-in;
     cursor: zoom-in;
}
 .single-gallery-item a {
     display: block;
     border-radius: 5px;
}
 .single-gallery-item a img {
     -webkit-transition: var(--transition);
     transition: var(--transition);
}
 .single-gallery-item:hover a img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
/*================================================ Project Analysis Area CSS =================================================*/
 .project-analysis-content span {
     font-size: var(--font-size);
     color: var(--main-color);
     display: inline-block;
     margin-bottom: 15px;
}
 .project-analysis-content h3 {
     font-size: 48px;
     margin-bottom: 0;
}
/*================================================ Project Story Area CSS =================================================*/
 .project-story-content {
     background-color: #F8F8F9;
     padding: 35px;
     position: relative;
     z-index: 1;
     margin-left: -190px;
}
 .project-story-content span {
     font-size: var(--font-size);
     color: var(--main-color);
     display: inline-block;
     margin-bottom: 15px;
}
 .project-story-content h3 {
     font-size: 48px;
     margin-bottom: 20px;
}
/*================================================ Project Challenge Area CSS =================================================*/
 .project-challenge-content span {
     font-size: var(--font-size);
     color: var(--main-color);
     display: inline-block;
     margin-bottom: 15px;
}
 .project-challenge-content h3 {
     font-size: 48px;
     margin-bottom: 20px;
}
/*================================================ Project Solution Area CSS =================================================*/
 .project-solution-content {
     margin-left: 30px;
}
 .project-solution-content span {
     font-size: var(--font-size);
     color: var(--main-color);
     display: inline-block;
     margin-bottom: 15px;
}
 .project-solution-content h3 {
     font-size: 48px;
     margin-bottom: 20px;
}
/*================================================ Project Result Area CSS =================================================*/
 .project-result-content span {
     font-size: var(--font-size);
     color: var(--main-color);
     display: inline-block;
     margin-bottom: 15px;
}
 .project-result-content h3 {
     font-size: 48px;
     margin-bottom: 0;
}
/*================================================ Services SEO Area CSS =================================================*/
 .services-seo-content span {
     font-size: var(--font-size);
     color: var(--main-color);
     display: inline-block;
     margin-bottom: 15px;
}
 .services-seo-content h3 {
     font-size: 48px;
     margin-bottom: 0;
}
/*================================================ Services Overview Area CSS =================================================*/
 .services-overview-content {
     background-color: #F8F8F9;
     padding: 35px;
     position: relative;
     z-index: 1;
     margin-left: -230px;
}
 .services-overview-content h3 {
     font-size: 48px;
     margin-bottom: 20px;
}
 .services-overview-content p {
     margin-bottom: 0;
}
 .services-overview-content .overview-list {
     padding: 0;
     margin-bottom: 0;
     margin-top: 20px;
}
 .services-overview-content .overview-list li {
     list-style-type: none;
     color: var(--black-color);
     margin-bottom: 20px;
     position: relative;
     padding-left: 22px;
}
 .services-overview-content .overview-list li:last-child {
     margin-bottom: 0;
}
 .services-overview-content .overview-list li i {
     color: var(--main-color);
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
/*================================================ Widget Sidebar CSS =================================================*/
 .widget-area {
     margin-left: 15px;
}
 .widget-area .widget {
     margin-bottom: 30px;
}
 .widget-area .widget:last-child {
     margin-bottom: 0;
}
 .widget-area .widget .widget-title {
     margin-bottom: 25px;
     position: relative;
     font-size: 20px;
}
 .widget-area .widget_search form {
     position: relative;
}
 .widget-area .widget_search form .search-field {
     background-color: #F8F8F9;
     height: 65px;
     padding: 15px 20px;
     border: 1px solid #DDDDDD;
     width: 100%;
     display: block;
     outline: 0;
     -webkit-transition: var(--transition);
     transition: var(--transition);
     border-radius: 0;
}
 .widget-area .widget_search form .search-field::-webkit-input-placeholder {
     color: var(--paragraph-color);
     -webkit-transition: var(--transition);
     transition: var(--transition);
}
 .widget-area .widget_search form .search-field:-ms-input-placeholder {
     color: var(--paragraph-color);
     -webkit-transition: var(--transition);
     transition: var(--transition);
}
 .widget-area .widget_search form .search-field::-ms-input-placeholder {
     color: var(--paragraph-color);
     -webkit-transition: var(--transition);
     transition: var(--transition);
}
 .widget-area .widget_search form .search-field::placeholder {
     color: var(--paragraph-color);
     -webkit-transition: var(--transition);
     transition: var(--transition);
}
 .widget-area .widget_search form .search-field:focus {
     border-color: var(--main-color);
}
 .widget-area .widget_search form .search-field:focus::-webkit-input-placeholder {
     color: transparent;
}
 .widget-area .widget_search form .search-field:focus:-ms-input-placeholder {
     color: transparent;
}
 .widget-area .widget_search form .search-field:focus::-ms-input-placeholder {
     color: transparent;
}
 .widget-area .widget_search form .search-field:focus::placeholder {
     color: transparent;
}
 .widget-area .widget_search form button {
     background-color: transparent;
     border: none;
     color: var(--paragraph-color);
     position: absolute;
     right: 20px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 20px;
}
 .widget-area .widget_categories .categories-list {
     padding: 0;
     margin-bottom: 0;
}
 .widget-area .widget_categories .categories-list li {
     margin-bottom: 15px;
     list-style-type: none;
     position: relative;
     padding-left: 20px;
}
 .widget-area .widget_categories .categories-list li:last-child {
     margin-bottom: 0;
}
 .widget-area .widget_categories .categories-list li::before {
     position: absolute;
     content: "";
     height: 10px;
     width: 10px;
     background-color: var(--main-color);
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     border-radius: 50px;
}
 .widget-area .widget_augu_posts_thumb {
     position: relative;
     overflow: hidden;
}
 .widget-area .widget_augu_posts_thumb .item {
     overflow: hidden;
     margin-bottom: 25px;
}
 .widget-area .widget_augu_posts_thumb .item:last-child {
     margin-bottom: 0;
}
 .widget-area .widget_augu_posts_thumb .item .thumb {
     float: left;
     height: 80px;
     overflow: hidden;
     display: block;
     position: relative;
     width: 80px;
     margin-right: 15px;
     z-index: 1;
}
 .widget-area .widget_augu_posts_thumb .item .thumb .fullimage {
     width: 80px;
     height: 80px;
     display: inline-block;
     background-size: cover !important;
     background-repeat: no-repeat;
     background-position: center center !important;
}
 .widget-area .widget_augu_posts_thumb .item .thumb .fullimage.bg1 {
     background-image: url(../images/blog/blog-1.jpg);
}
 .widget-area .widget_augu_posts_thumb .item .thumb .fullimage.bg2 {
     background-image: url(../images/blog/blog-2.jpg);
}
 .widget-area .widget_augu_posts_thumb .item .thumb .fullimage.bg3 {
     background-image: url(../images/blog/blog-3.jpg);
}
 .widget-area .widget_augu_posts_thumb .item .thumb::before, .widget-area .widget_augu_posts_thumb .item .thumb::after {
     -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1);
     transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1);
     content: '';
     background-color: var(--white-color);
     position: absolute;
     z-index: 1;
     top: 50%;
     left: 50%;
     opacity: 0;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .widget-area .widget_augu_posts_thumb .item .thumb::before {
     width: 40px;
     height: 1px;
     left: 100%;
}
 .widget-area .widget_augu_posts_thumb .item .thumb::after {
     height: 40px;
     width: 1px;
     top: 0;
}
 .widget-area .widget_augu_posts_thumb .item .info {
     overflow: hidden;
}
 .widget-area .widget_augu_posts_thumb .item .info .title {
     margin-bottom: 0;
     line-height: 1.5;
     font-size: var(--font-size);
     font-weight: 600;
     font-family: var(--main-font-family);
}
 .widget-area .widget_augu_posts_thumb .item .info .title a {
     display: inline-block;
}
 .widget-area .widget_augu_posts_thumb .item .info span {
     display: block;
     color: var(--paragraph-color);
     margin-top: 8px;
     font-size: 15px;
}
 .widget-area .widget_augu_posts_thumb .item:hover .thumb::before, .widget-area .widget_augu_posts_thumb .item:hover .thumb::after {
     opacity: 1;
     top: 50%;
     left: 50%;
}
 .widget-area .widget_tag_cloud .widget-title {
     margin-bottom: 20px;
}
 .widget-area .tagcloud a {
     display: inline-block;
     color: var(--paragraph-color);
     padding: 8px 15px;
     border: 1px solid #DDDDDD;
     border-radius: 0;
     font-size: 15px;
     font-weight: 400;
     margin-top: 8px;
     margin-right: 5px;
}
 .widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus {
     color: var(--white-color);
     background-color: var(--main-color);
     border: 1px solid var(--main-color);
}
/*================================================ Pagination Area CSS =================================================*/
 .pagination-area {
     margin-top: 30px;
     text-align: center;
}
 .pagination-area .page-numbers {
     width: 40px;
     height: 40px;
     background-color: #F4F7FC;
     color: var(--main-color);
     text-align: center;
     display: inline-block;
     border-radius: 5px;
     line-height: 40px;
     position: relative;
     margin: 0 5px;
     font-size: var(--font-size);
     font-weight: 600;
}
 .pagination-area .page-numbers:hover, .pagination-area .page-numbers.current {
     color: var(--white-color);
     background-color: var(--main-color);
}
 .pagination-area .page-numbers i {
     position: relative;
     top: 1.5px;
}
/*================================================ Go Top CSS =================================================*/
 .go-top {
     position: fixed;
     cursor: pointer;
     bottom: -100px;
     right: 20px;
     color: var(--white-color);
     background-color: #2aa062;
     z-index: 4;
     width: 45px;
     text-align: center;
     height: 45px;
     opacity: 0;
     visibility: hidden;
     border-radius: 50%;
     font-size: 22px;
     -webkit-transition: var(--transition);
     transition: var(--transition);
     overflow: hidden;
     -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}
 .go-top i {
     position: absolute;
     right: 0;
     left: 0;
     top: 45%;
     -webkit-transform: translateY(-45%);
     transform: translateY(-45%);
     text-align: center;
     font-size: 30px;
     margin-left: auto;
     margin-right: auto;
}
 .go-top.active {
     opacity: 1;
     visibility: visible;
     bottom: 50px;
}
 .go-top:hover {
     background-color: var(--optional-color);
     color: var(--white-color);
     -webkit-transition: var(--transition);
     transition: var(--transition);
     -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
     box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
}
 .lines {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 100%;
     margin: auto;
     width: 90vw;
     z-index: -1;
}
 .lines .line {
     position: absolute;
     width: 1px;
     height: 100%;
     top: 0;
     left: 50%;
     background: #f1f1f31f;
     overflow: hidden;
}
 .lines .line:nth-child(1) {
     margin-left: -19%;
}
 .lines .line:nth-child(2) {
     margin-left: 0;
}
 .lines .line:nth-child(3) {
     margin-left: 19%;
}
 #map iframe {
     width: 100%;
     height: 550px;
     margin-bottom: -8px;
}
 .load-more-btn {
     margin-top: 15px;
     text-align: center;
}
 .load-more-btn .default-btn {
     background-color: var(--main-color);
     color: var(--white-color) !important;
}
 .load-more-btn .default-btn::before {
     background-color: var(--optional-color);
}
/*================================= Buy Now Btn ====================================*/
 .buy-now-btn {
     right: 30px;
     z-index: 99;
     top: 50%;
     position: fixed;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     border-radius: 30px;
     display: inline-block;
     color: var(--white-color) !important;
     background-color: #82b440;
     padding: 8px 20px 8px;
     font-size: 14px;
     font-weight: 500;
     -webkit-animation-name: tada;
     animation-name: tada;
     -webkit-animation-duration: 5s;
     animation-duration: 5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
}
 .buy-now-btn:hover {
     background-color: var(--main-color);
     color: var(--white-color) !important;
}
 @-webkit-keyframes tada {
     0% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
     10%, 20% {
         -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
     30%, 50%, 70%, 90% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
     40%, 60%, 80% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
}
 @keyframes tada {
     0% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
     10%, 20% {
         -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
     30%, 50%, 70%, 90% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
     40%, 60%, 80% {
         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
}
/*# sourceMappingURL=style.css.map */
 .main-banner-content h1 {
     font-size: 33px;
     padding-bottom: 5px;
     line-height: 45px;
}
 .main-banner-content h2 {
     color: #f8f8f8;
     font-size: 27px;
     line-height: 41px;
}
 .what img {
     width: 50px;
}
 .portfolio-details-information p{
     font-size: 14px;
}
 .bg-orange {
     background: #ff5c1d;
     color: #fff !IMPORTANT;
     font-size: 17px;
}
 .bg-green {
     background: #2aa062;
     color: #fff !IMPORTANT;
     font-size: 17px;
}
 .visit-list {
     padding: 0px;
}
 .visit-list li {
    list-style: none;
     line-height: 33px;
     font-size: 14px;
}
 .visit-list li i {
     color: var(--main-color);
     padding-right: 5px;
}
 .plr-0 {
     padding-left: 0px;
     padding-right: 0px;
}
 .about-btn-cstm .default-btn {
     background: #ff5c1d;
     color: #fff !important;
}
 .ptb-50 {
     padding: 50px 0px;
}
 .supapun p {
     color: #000;
     margin-bottom: 9px;
     font-size: 14px;
}
 .supapun p i {
     color: #fff;
     background: #fd6100;
     padding: 6px;
     border-radius: 4px;
     margin-right: 7px;
}
 .borders {
     background: #ff5d1d;
     height: 1px;
     width: 62%;
}
 .exhbit-list {
     padding-left: 0rem;
}
 .exhbit-list li {
     line-height: 27px;
     list-style: none;
     margin-bottom: 5px;
     display: flex;
}
 .exhbit-list li i {
     color: var(--main-color);
     padding-right: 5px;
     margin-top: 6px;
}
 .portfolio-details-information .c-v2 li {
     color: #f00 !important;
}
 .exhbit-list.c-v2 li i {
     color: #f00;
     padding-right: 5px;
}
 .pl-20 {
     padding-left: 20px;
}
 .img-circle {
     border-radius: 100%;
     width: 360px;
     height: 360px;
}
 .portfolio-details-information p {
     margin-bottom: 5px;
}
 .portfolio-details-information p i {
     color: #000;
     font-weight: bold;
     padding-right: 5px;
}
 .points-section {
     background: #fff;
     padding: 15px;
     min-height: 100%;
     border-radius: 8px;
}
 .points-section img{
    width:60px;
}
 .points-section p {
     color: #000;
     display: flex;
     align-items: center;
     justify-content: center;
     padding-top: 5px;
     margin-bottom: 0;
     line-height: 19px;
}
 .single-portfolio-card img {
     border: 1px solid #9d9d9d78;
     padding: 15px;
     border-radius: 4px;
}
 .single-portfolio-card {
     margin-bottom: 0;
}
 .our-partner img {
     background: #fff;
     border-radius: 8px;
     padding: 15px;
     text-align: center;
     border: 1px solid #dce9f6;
     width: 250px;
}
 .our-partner p {
     margin-bottom: 2px;
     text-align: center;
     color: #fd6100f5;
     font-weight: 600;
     font-size: 14px;
     padding-bottom: 7px;
}
 .ptb-60 {
     padding-top: 60px;
     padding-bottom: 70px;
}
 .choose-us-box .single-choose-us-card.with-box-shadow {
     margin-bottom:20px;
     border-radius: 4px;
}
 .testimonials-slides-two .single-testimonials-box img {
     border: 0px solid #9d9d9d78;
     padding: 4px;
     border-radius: 4px;
     background: #fff;
}
 .media-partne {
     background-color: #ffffff;
     border: 1px solid #d3d3d3;
     padding: 10px 3px;
     border-radius: 8px;
     margin-bottom: 7px;
     margin-top: 7px;
}
 #meida-partne .col-lg-2 {
     flex: 0 0 auto;
     width: 20.666667%;
}
 .dropdown-menu li a span {
     color: #f00 !important;
}
 .c-v {
     color: #e9500a !important;
}
 .c-v2 {
     color: #e9500a !important;
}
 .f-14 {
     font-size:14px !important;
}
 .f-18 {
     font-size: 18px !important;
}
 .f-16 {
     font-size: 16px !important;
}
 .height-fix-exh {
     height: 646px;
}
 .f-25 {
     font-size:25px;
}
 .vit-btn {
     display: contents;
     font-size: 13px;
     line-height: 19px;
}
 .ptb-6 {
     padding: 10px 34px;
     line-height: 20px;
}
 .logo-media img {
     background: #fff;
     border-radius: 16px;
     border: 1px solid #f26423;
     padding: 10px;
     margin-top: 13px;
     margin-bottom:20px;
}
 .media-details p {
     margin-bottom: 5px;
     font-size: 16px;
}
 .media-details ul{
     padding-left: 0;
}
 .media-details ul li {
     list-style: none;
     font-size: 16px;
}
 .media-details ul li i {
     color: #f26423 ;
     font-size: 14px;
}
 .media-details a {
     color: #f26423;
     font-weight: 600;
}
 .single-testimonials-card .icon img {
     width: 100px;
     border-radius: 100%;
     height: 100px;
}
 .readmore {
     font-size: 16px;
     font-weight: 600;
     font-style: italic;
     padding-top: 10px;
     color: var(--main-color);
}
 .testimonials-slides .single-testimonials-card {
     text-align: center;
     padding: 0 !important;
     padding: 10px !important;
     border-radius: 4px;
     height: auto;
}
 .testimonials-slides .single-testimonials-card img {
     border-radius: 4px;
     margin-bottom: 15px;
}
 .testimonials-slides.owl-theme .owl-dots .owl-dot span {
     background: #000;
}
 .btn-mob-exhibit {
     padding: 9px 22px;
     font-size: 15px;
     margin-bottom: 10px;
     margin-top: 7px;
     background-color: var(--main-color);
     color: var(--white-color) !important;
     border-radius: 50px;
     margin-left: 10px;
     margin-right: 17px;
}
 .venue {
     color: #3a3a3a;
     text-transform: none;
     font-weight: 600;
     font-size: 14px;
}
 .venue-mbo {
     color: #3a3a3a;
     text-transform: none;
     font-size: 12px !important;
     padding-left: 10px;
     font-weight: 600;
     position: absolute;
     width: 100%;
}
@media (min-width: 320px) and (max-width: 767px) {

.venue-mbo {
    padding-left: 23px;
    width: 145%;
    padding-top: 19px;
}
}
/*home page*/
 .banner-btn {
     padding: 0;
}
 .banner-btn li{
     display: inline-block;
}
 .mrcstm {
     margin-right: 5%;
     float: right;
}
 .mrcstm a{
     line-height: 34px;
}
 .owl-nav {
     display: none !important;
}
 .img-gallery {
     border-radius: 4px;
     margin-bottom: 15px;
}
 @media (min-width: 320px) and (max-width: 767px) {
     .mrcstm {
         float: left;
    }
}
 .content-overly {
     position: absolute;
     top: 26%;
     left: 4%;
     width: 59%;
}
 @media only screen and (max-width: 767px) {
     .content-overly {
         top: 18%;
         width: 95%;
    }
   
}
 .main-banner .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
     display: block;
}
 .main-banner .owl-prev {
     width: 40px;
     height: 40px;
     line-height: 40px !important;
     text-align: center;
     background-color: #ff5c1d !important;
     box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
     transition: all ease 0.5s;
     position: absolute;
     color: #fff !important;
     top: 50%;
     left: 0;
     font-size: 20px ! IMPORTANT;
}
 .main-banner .owl-next {
     width: 40px;
     height: 40px;
     line-height: 40px !important;
     text-align: center;
     background-color: #ff5c1d !important;
     box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
     transition: all ease 0.5s;
     position: absolute;
     color: #fff !important;
     top: 50%;
     right: 0;
     font-size: 20px ! IMPORTANT;
}
 .btn-slider a {
     background: #fff;
     color: #ff5c1d ! IMPORTANT;
     font-size: 16px;
     padding: 17px 34px;
}
 .btn-slider {
     position: absolute;
     bottom: 16px;
     left: 50px;
}
 .btn-slider2 {
     position: absolute;
     bottom: 96px;
     right: 75px;
}
 .mb-50 {
     margin-bottom:50px;
}
 .owl-theme .owl-nav.disabled+.owl-dots {
     display: none;
}
 .sponsor h3 a {
     margin-bottom: 10px;
}
 .sponsor {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 134px;
    padding-top: 10px;
}
 .single-services-card h3 {
     display: inline;
     align-items: center;
     justify-content: center;
     height: auto !important;
}
 .exh {
     text-align: center;
     max-width: 1015px;
     margin: auto;
     background: #fff;
     padding: 10px;
     border-radius: 8px;
     padding-top: 0;
}
 .exh p {
     font-size: 14px;
     font-weight: 400;
     color: #000;
}
 .exh p span {
     color:#fd6100f5;
     font-weight: bold;
}
 .exhibitor-area .single-testimonials-card .info h3 {
     text-align: left;
}
 .exhibitor-area .single-testimonials-card.with-border .col-lg-9.col-md-9 {
     text-align: left;
}
 .exhibitor-area .icon-1 img {
     width: 250px;
     height: 250px;
     border-radius: 100%;
}
 .exhibitor-area .single-testimonials-card .info {
     padding-left: 0;
}
 .exhibitor-area .single-testimonials-card p {
     margin-bottom: 0;
     color: #000;
     margin-top: 10px;
}
 .exhibitor-area .single-testimonials-card {
     padding: 30px;
}
 .exhibitor-area .single-testimonials-card.with-border {
     border: 1px solid #ff5c1d00;
     background: #f7f0f0;
     border-radius: 4px;
     height: auto;
}
 .exhibitor-area .single-testimonials-card .info span {
     font-weight: 600;
     text-align: left;
}
 @media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
     .exhibitor-area .icon-1 img {
         width: 200px;
         height: 200px;
         margin-bottom: 20px;
    }
     .absolate {
         position: relative;
         z-index: 2;
         right: 0%;
         margin-top: 34px;
         margin-bottom: 34px;
    }
     .coundown {
         border: 1px solid #ff2d16;
    }
}
/* ipad */
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
     .exhibitor-area .icon-1 img {
         width: 150px;
         height: 150px;
    }
     .btn-slider {
         position: absolute;
         bottom: 30%;
         right: 50px;
    }
     .btn-slider .default-btn {
         float: right;
    }
}
 .coundown {
     background: #fff;
     border-radius: 12px;
     text-align: center;
}
 .counter-footer {
     display: block;
     background: #000;
     color: #fff;
     font-weight: bold;
     border-radius: 0px 0px 12px 12px;
     line-height: 40px;
}
 .coundown span {
     line-height: 60px;
     text-align: center;
     color: #000;
     font-size: 38px;
     font-weight: bold;
}
 .absolate {
     position: absolute;
     z-index: 2;
     right: 4%;
     top: 75%;
}
 .sticky {
     position: relative !important;
}
 .text-color {
     color: #ff5c1d;
}
 .agenda-table td, th {
     line-height: 26px;
}
 .video-section-2 {
     position: relative;
     height: 80vh;
     width: 100%;
     overflow: hidden;
}
 .video-section-2 video {
     position: absolute;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -2;
     transform: translate(-50%, -50%);
     object-fit: cover;
}
/* Black overlay */
 .video-overlay {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: rgb(0 0 0 / 60%);
     z-index: -1;
}
/* Content on video */
 .video-content {
     position: relative;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: left;
     text-align: left;
     color: #fff;
     padding: 20px;
     padding-left: 50px;
}
 .video-content h1 {
     font-size: 40px;
     color: #fff;
     margin-bottom: 20px;
}
 .video-content p {
     font-size: 18px;
     color: #fff;
     margin-bottom: 20px;
}
 .video-content h5 span {
     background: #ff5c1d;
     padding: 4px 7px;
     border-radius: 4px;
     margin-right: 7px;
}
 @media (min-width: 320px) and (max-width: 767px) {
     .video-content {
         padding-left: 15px;
    }
     .video-content h1 {
         font-size: 35px;
    }
     .video-section-2 {
         height: 85vh;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .video-content {
         padding-left: 40px;
    }
     .video-section-2 {
         height: 40vh;
    }
}
 .modal-2-btn-1 {
     position: absolute;
     bottom: 20px;
     left: 24px;
}
 .modal-2-btn-1 a {
     padding: 8px 15px;
     font-family: "Fira Sans";
     font-weight: 500;
     color: #fff;
     background:#f0611b;
     display: inline-block;
     border-radius: 30px;
     font-family: var(--main-font-family);
     position: relative;
     z-index: 1;
     overflow: hidden;
     font-size: 14px;
     animation: blinkColor 1s infinite;
}
 .bg-blue {
     background: #4e4e4e !important;
}
 .modal-2-btn-1 {
     position: absolute;
     bottom: 20px;
     left: 24px;
}
 .modal-2-btn-1 a {
     padding: 8px 15px;
     font-family: "Fira Sans";
     font-weight: 500;
     color: #fff;
     background:#f0611b;
     display: inline-block;
     border-radius: 30px;
     font-family: var(--main-font-family);
     position: relative;
     z-index: 1;
     overflow: hidden;
     font-size: 14px;
     animation: blinkColor 1s infinite;
}
 .bg-blue {
     background: #4e4e4e !important;
}
 .single-process-card {
     padding: 0px;
}
 .parad {
     padding: 15px;
     min-height: 227px;
}
 .parad-1 {
     padding: 15px;
     min-height: 147px;
}
 .form-card {
     padding: 20px;
     background: #fff;
     margin-top: 20px;
     margin-bottom: 20px;
     border-radius: 10px;
     border-top: 2px solid #ff5c1d;
}
 .form-card label {
     padding-left: 0px;
     font-size: 13px;
     font-weight: 600;
}
 .form-card p {
     font-size: 13px;
}
 .form-card .form-control {
     padding: 12px 10px !important;
     outline: none;
     margin-bottom: 10px;
     border: 1px solid #94949494;
     font-size: 13px;
}
 select:focus, .form-control:focus, .form-select:focus, textarea:focus, input:focus {
     box-shadow: none;
}
 .send-otp-thai:focus {
     background: #ff5c1d;
}
 .send-otp-thai {
     border: 0;
     background-color: #ff5c1d;
     color: #fff;
     padding: 14px 11px;
     width: 100%;
     font-size: 15px;
     border-radius: 4px;
}
 .send-otp {
     border: 0;
     background-color: #ff5c1d;
     color: #fff;
     padding: 11px 11px;
     width: 100%;
     font-size: 15px;
     border-radius: 4px;
}
 .terms-and-conditions-check input[type="checkbox"]{
     margin-top: 0;
     vertical-align: top;
}
 .terms-and-conditions-check span {
     display: inline-block;
     max-width: calc(100% - 26px);
     vertical-align: top;
     font-size: 13px;
     padding-left: 5px;
     margin-top: -2px;
     line-height: 16px;
}
 .groupregistrations {
     font-size: 13px;
     padding-left: 27px;
     margin-top: 5px;
     margin-bottom: 5px !important;
     color: #000;
}
 .exhibitor-registration table input[type="checkbox"]{
     margin-top: 5px;
     margin-right: 8px;
     vertical-align: top;
}
 .exhibitor-registration table label{
     display: inline-block;
     max-width: calc(100% - 26px);
     vertical-align: top;
     font-size: 15px;
     line-height: 1.6;
}
 .exhibitor-registration .form-control, select {
     height: 50px;
     margin-bottom: 10px;
     font-size: 15px;
}
 .exhibitor-registration {
     padding-top: 3%;
     padding-bottom: 3%;
     min-height: 100vh;
     background: linear-gradient(95deg, #08416c, #08416c);
     overflow-x: hidden;
}
 .exhibitor-registration label {
     color: #000;
}
 .pdr-5 {
     padding-right: 5px;
}
 .ppl-5 {
     padding-left: 5px;
}
 .pl-0{
     padding-left: 0;
}
 .country-code {
     padding-left: 0;
     padding-right: 7px;
}
 .our-exhibitors .info h3 {
     text-align: left;
     margin-top: 0;
     font-size: 20px;
}
 .our-exhibitors .info {
     padding-left: 0;
}
 .our-exhibitors p {
     color: #000;
     margin-bottom: 10px !important;
     font-size: 15px;
     line-height: 20px;
}
 .our-exhibitors.with-border {
     border-bottom: 2px solid #ff5c1d !important;
     background-color: var(--white-color);
     box-shadow: 0 4px 29px rgba(152, 170, 204, .15);
     border-radius: 0;
     border: 0;
     height: auto;
     margin-bottom: 30px;
     padding: 30px;
}
 .our-exhibitors .info span {
     font-weight: 600;
     text-align: left;
     margin-bottom: 10px;
     margin-top: 0;
}
 .hotel {
     background-color: #fff;
     box-shadow: 0px 10px 31px rgb(169 177 193 / 41%);
     border-radius: 5px;
     padding: 5px;
     margin-bottom: 10px;
}
 .pb-50 {
     padding-bottom:50px;
}
 .bg-black {
     background: #000;
     color: #fff !important;
}
 .panelist {
     color:#fd6100;
    font-weight: 600;
}
 .orage {
     color:#fd6100;
     font-weight: 600;
}
 .press-rel a {
     padding: 9px 22px;
     font-size: 15px;
     margin-bottom: 10px;
     margin-top: 7px;
     background-color: #ff5c1d;
     color: var(--white-color) !important;
     border-radius: 50px;
     margin-left: 10px;
     margin-right: 17px;
}
 .press-rel h6{
     margin: 0;
     padding: 10px 0px;
}
 .press-rel {
     background: #fff;
     padding: 10px;
     text-align: center;
     border-radius: 4px;
     margin-bottom: 20px;
}
 .press-release {
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
     background: #fff;
     margin-bottom: 5px;
     padding: 5px;
     border-radius: 4px;
     text-align: center;
     border: 1px solid #ff5c1d75 
}
 .press-release a {
     font-size: 15px;
     margin-top: 10px;
     color: #ff5c1d;
     font-weight: bold;
     font-style: italic;
     text-decoration: underline;
}
 .visitor-progile {
     background-color: #fff;
     box-shadow: 0px 4px 20px rgba(0, 6, 18, 0.1);
     border-radius: 4px;
     padding: 20px;
     margin-bottom: 15px;
     text-align: center;
     height: 100%;
     padding-bottom: 10px;
     border-radius: 10px;
}
 .visitor-progile img {
     border-radius: 12px;
}
 .visitor-progile h5 {
     font-weight: 500;
     font-size: 16px;
     padding: 15px 0px;
     margin-bottom: 0;
     padding-bottom: 0;
}
 .single-testimonials-card.with-border {
     min-height: 240px;
}

.process-card {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 16px;
    padding: 28px 22px;
    height: 100%;
    text-align: center;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.process-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #f0611b, #f0611b);
    opacity: 0;
    transition: 0.4s;
}

.process-card:hover::before {
    opacity: 0.08;
}

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

.icon-wrap {
    width: 90px;
    height: 90px;
    margin: 0 auto 18px;
    border-radius: 50%;
        background-image: linear-gradient(to right, #ff5c1d, #cf5120);
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-wrap img {
    width: 42px;
    filter: brightness(0) invert(1); /* PNG white */
}

.process-card p {
    font-size: 15px;
    color: #444;
    line-height: 1.7;
    margin: 0;
}
 @media only screen and (max-width: 767px) {
     .modal-2-btn-1 {
         bottom: 10px;
         left: 5px;
    }
     .modal-2-btn-1 a {
         padding: 8px 13px;
         font-size: 13px;
    }
     .exhibitor-registration table td {
         width: 100%;
         display: block;
    }
     .ppl-0 {
         padding-left: 0;
    }
     .country-code {
         padding-left: 15px;
         padding-right: 4px;
    }
     .exhibitor-registration {
         height: auto;
    }

    .btn-slider a {
    background: #fff;
    color: #ff5c1d ! IMPORTANT;
    font-size: 14px;
    padding: 10px 10px;
    display: inline-block;
}
.btn-slider
{
      left: 14px;
      bottom: 0;
}

.btn-slider2
{
        right: 15px;
        bottom: 29px;
}

.btn-slider2 a {

    color: #ff5c1d ! IMPORTANT;
    font-size: 14px;
    padding: 10px 10px;
    display: inline-block;
}

.btn-slider2 img {
    width: 200px !important;
}
}


 
.gallery-card img{
  border-radius: 4px;
  margin-bottom: 15px;
}


.speaker-card{
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);transition: transform 0.3s ease;
   
    border-bottom: 2px solid #044bb5;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.speaker-card:hover{
    transform: translateY(-5px);
}

.profile
{
    color: var(--main-color);
    font-size: 16px;
    font-weight: 500;
}
.speaker-card:hover::before{
    opacity:1;
    animation:borderRun 2s linear infinite;
}

@keyframes borderRun{
    0%{background-position:0% 50%;}
    100%{background-position:100% 50%;}
}

/* Image */
.speaker-img img{

    border-radius:14px;

}

.speaker-content h5
{
       font-weight: 600;
    font-size: 20px;
  
}


  .event-hero {
            padding: 90px 0;
            color: white;
            position: relative;
            overflow: hidden;
        }

        .event-title {
            font-size: 27px;
            font-weight: 700;
            margin-bottom: 10px;
            line-height: 1.3;
            color: #fff;
        }

        .event-info {
            margin-top: 15px;
            color: #fff;
        }

            .event-info div {
                margin-bottom: 5px;
                font-weight: 500;
            }

            .event-info i {
                margin-right: 8px;
            }
        /* stats */
        .stats-section {
            margin-top: 40px;
        }
        /* stat card */
        .stat-box {
            background: white;
            padding: 10px 5px;
            border-radius: 16px;
            text-align: center;
            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
            transition: all .35s ease;
            position: relative;
            overflow: hidden;
            text-align: center;
        }
            /* hover gradient overlay */
            .stat-box:hover {
                transform: translateY(-10px) scale(1.03);
                box-shadow: 0 20px 50px rgba(0,0,0,0.25);
            }

                .stat-box:hover::before {
                    opacity: .05;
                }
        /* icon */
        .stat-icon {
            margin: 0px auto;
            width: 45px;
            height: 45px;
            background-image: linear-gradient(to right, #237ece, #051b88);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-size: 17px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
            transition: .3s;
            margin-bottom: 5px;
        }

        .stat-number {
            font-size: 22px;
            font-weight: 700;
            color: #000;
        }

        .stat-text {
            margin-top: 0;
            font-size: 15px;
            color: #555;
            text-align: center;
            line-height: 18px;
            font-weight: 400;
        }

        @media(max-width:768px) {
            .event-title {
                font-size: 28px;
            }
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(4,1fr);
            gap: 5px;
            margin-top: 20px;
        }

        @media(max-width:768px) {
            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .visitor-registration {
            background: linear-gradient(95deg, #08416c, #08416c) !important;
            padding-bottom: 90px;
            padding-top: 50px;
        }

          .related-blogs {
    background: #fff;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.rb-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    border-bottom: 2px solid #f7941d;
    padding-bottom: 6px;
}

.rb-item {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.rb-item img {
    width: 70px;
    height: 55px;
    object-fit: cover;
    border-radius: 4px;
}

.rb-content h6 {
    font-size: 16px;
    margin: 0;
    line-height: 1.4;
    color: #000;
}
.rb-content span {
    font-size: 13px;
    color: #f7941d;
}

.share-box {
    display: flex;
    gap: 8px;
    margin-bottom: 0;
    margin-top: 20px;
}

.share-box p {
    font-weight: bold;
    color: #f7941d;
}

.share-box a {
    margin-right: 10px;
    font-size: 18px;
    color: #333;
}
 .blog-list {
    background-color: #fff;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    border-radius: 8px;
    position: relative;
}
.blog-list img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.fixed-date {
position: absolute;
    color: #fff;
    padding: 6px 10px;
    right: 10px;
    top: 10px;
    border-radius: 4px;
    z-index: 999999;
    background-image: linear-gradient(to right, #f11f22 0%, #f18618 100%);
}
.fixed-date h4
{
        color: #fff;
    font-size: 12px;
    margin: 0;
}


.blog-list h6
{
        font-size: 18px;
 
    font-weight: 500;
}

.pd-20
{    padding: 20px;}

.pd-10
{    padding: 10px;}


.blog-deatils h4
{
    font-size: 20px;
    font-weight: 600;
}

.blog-deatils ul
{
    padding-left: 15px;
}