/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
.elementor-image-carousel-wrapper .elementor-swiper-button{padding: 10px; background: rgba(0,0,0,0.5);  border-radius: 50%; transition: all 0.3s ease;}
.elementor-image-carousel-wrapper .elementor-swiper-button:hover{background: #1caa4a;transition: all 0.3s ease;}
.elementor-image-carousel-wrapper .elementor-swiper-button svg{fill: #FFF !important; width: 20px !important; height: 20px !important;}
textarea{height: 100px; resize: none;}
.main-nav .sub-nav, .main-nav .sub-nav>li>a{
	border-radius: 5px;
}

.captcha-image{
	width: 100%;
}

.pum-container .captcha-image{
	border-color: #FFF;
	color: #FFF;
}

.scroll-top.off {
  right: 10px !important;
  transform: scale(0);
}
.scroll-top {
  border-radius: 100px;
  background-color: #1caa4a;
  transform: scale(1);
  left: 10px !important;
  right: inherit !important;
}
.scroll-top:hover {
  background-color: #178539;
  transform: scale(1.1);
}

.preloader {
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #131d34;
}

.preloader .circle {
  height: 100px;
  width: 100px;
  border-radius: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    50% 50% at 50% 50%,
    #131d34 14.4%,
    rgba(19, 34, 53, 0.8) 42.4%,
    #1caa497c 100%
  );
  animation: preloader 0.5s infinite alternate-reverse linear;
}

@keyframes preloader {
  from {
    transform: translate(-50%, -50%) scale(0.9);
  }

  to {
    transform: translate(-50%, -50%) scale(1);
  }
}

.preloader .circle svg {
  width: 25px;
  animation: prelader-leaf 0.5s infinite alternate-reverse linear;
}

@keyframes prelader-leaf {
  from {
    transform: scale(1.1);
  }

  to {
    transform: scale(0.9);
  }
}

/* preloader */

.certified_table table{
  width: 1000px !important;

  border-collapse: collapse;
}

.certified_table tr td{
  padding: 7px 10px;
  font-size: 15px;
  color: white;
  border: 1px solid rgba(255,255,255,0.5);
}

.certified_table tr th{
  padding: 7px 10px;
  color: white;
  font-size: 18px;
  background:#08132D;
  border: 1px solid rgba(255,255,255,0.5);
}



.certified_table thead{
font-weight: 600;
}

.floating_whatsapp{
  position: fixed;
  bottom: 170px;
  right: 10px;
	padding: 5px 10px;
  border-radius: 30px;
  border: solid white 2px;
  color: #FFF;
	font-size: 14px;
	text-decoration: none !important;
  display: flex;
	font-weight: 600;
  align-items: center;
  justify-content: center;
  background: #1caa4a;
  transition: 0.2s all;
  z-index: 999999;
}
.floating_whatsapp svg{
	margin-right: 5px;
}
.floating_whatsapp:hover{
 background: #178539;
	opacity: 1;
	 color: #FFF;
}

.floating_whatsapp svg{
  width:30px;
  color: white;
}

.hp_counter .elementor-counter .elementor-counter-title{
  text-align: center;
  display: block !important;
}

.post-template-default.single.single-post .post-thumbnail{
  border-radius: 20px;
  overflow: hidden;
}

.post-template-default.single.single-post .post-thumbnail .fancy-date a{
  border-radius: 8px;
}

.post-template-default.single.single-post aside .wp-block-latest-posts__featured-image a img{
  border-radius: 10px;
}

.post-template-default.single.single-post aside section.widget.widget_block#block-4{
  display: none;
}

.video {
  height: 100vh;
  width: calc(100vw - 30vw);
  margin: auto;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}

.mobile_video{
  display: none;
}
.desktop_video{
  display: block;
}
.video::before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #000000d2, transparent, transparent);  top: 0;
  left: 0;
}
.video .video-content{
  position: absolute;
  bottom: 15%;
  width: 1200px;
  max-width: 1200px;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
}

.video .video-content h2,
.video .video-content p{
  margin-bottom: 0;
}

.video .video-content a.elementor-button{
	background: transparent !important;
}
.video .video-content a.elementor-button .elementor-button-content-wrapper:after{
	background: #2e3138;
}


.homepage_main {
  height: 100vh;
  background-color: #131d34;
  background-image: url('https://pixeldigitalagency.com/clients/platino/wp-content/uploads/2024/08/page-bg.webp');
  background-size: 900px;
  background-position: bottom right;
  background-repeat: no-repeat;
  overflow: hidden;
}

.homepage_main .circle {
  height: 300px;
  width: 300px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    50% 50% at 50% 50%,
    #131d34 14.4%,
    rgba(19, 34, 53, 0.8) 42.4%,
    #1caa497c 100%
  );
}

.homepage_main .leaf {
  width: 20px;
  opacity: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.homepage_main .leaf svg {
  width: 100%;
}

.homepage_main .text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

.homepage_main .text h3 {
  font-weight: 300;
  font-size: 50px;
}

.homepage_main .text h1 {
  font-weight: 700;
  font-size: 50px;
}



.green_innovation_grid .dt-css-grid .wf-cell .box-content {
  align-items: center;
}

.green_innovation_grid .dt-css-grid .wf-cell .box-content a,
.green_innovation_grid .dt-css-grid .wf-cell .box-content .box-heading {
  text-align: center;
  margin-bottom: 0;
}

.elementor-button-content-wrapper,
.form_section form .form_btn p,
.pum-container form .form_btn p {
  border: none;
  color: white;
  background: none !important;
  width: fit-content !important;
  padding: 12px 20px;
  font-size: 14px;
  line-height: 24px;
  position: relative;
  transition: 0.5s all;
  overflow: hidden;
  border-radius: 50px;
}

.elementor-button-content-wrapper::before,
.form_section form .form_btn p::before,
.pum-container form .form_btn p::before{
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 50px;
  height: 100%;
  border: solid green 2px;
  border-radius: 50px 0 0 50px;
  transition: 0.5s all;
}

.white_stroke .elementor-button-content-wrapper:before,
.form_section form .form_btn p::before ,
.pum-container form .form_btn p::before {
  border: solid white 2px !important;
}

.explore_btn .elementor-button-content-wrapper::after {
  background-color: #0d111c !important;
}

.elementor-button-content-wrapper::after,
.form_section form .form_btn p:after,
.pum-container form .form_btn p:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 20px;
  background-color: #131d34;
  left: 48px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s all;
}

.white_stroke .elementor-button-content-wrapper:after,
.form_section form .form_btn p:after {
  background: #1caa4a;
}

.pum-container form .form_btn p:after{
  background: #131d34;
}

.pum-container form .form_btn{
  width: fit-content;
  margin:auto;
}

.form_section form .form_btn p,
.pum-container form .form_btn p {
  padding: 2px 5px;
}

.form_section form input:not(.form_section form input[type="submit"]),
.pum-container form input:not(.pum-container form input[type="submit"]),
.form_section form textarea,
.pum-container form textarea {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  color: white;
}

input::placeholder,
textarea::placeholder {
  color: rgba(255, 255, 255, 1);
	opacity: 1;
}

.lp-form .wpcf7-form input, .lp-form .wpcf7-form textarea{
	background: transparent !important;
	border: 1px solid #FFF !important;
	border-radius: 3px !important;
	margin-bottom: 20px !important;
	color: #FFF !important;
}

.lp-form .wpcf7-form input[type="submit"]{
	background: #131d34 !important;
	border: none !important;
}

.elementor-button-content-wrapper:hover::before,
.form_section form .form_btn p:hover::before,
.pum-container  form .form_btn p:hover::before {
  transition: width 0.5s ease, border-radius 0.8s ease;
  width: calc(100% - 4px);
  border-radius: 50px;
}

.elementor-button-content-wrapper:hover::after
  .form_section
  form
  .form_btn
  p:hover::after {
  opacity: 0;
}

.elementor-button-content-wrapper .elementor-button-text,
.form_section form .form_btn p input,
.pum-container form .form_btn p input {
  position: relative;
  z-index: 1;
}

.form_section form .form_btn p span.wpcf7-spinner,
.pum-container form .form_btn p span.wpcf7-spinner {
  position: absolute;
}

.form_section form .full_cont textarea,
.pum-container form .full_cont textarea {
  height: 130px !important;
  resize: none;
}

.header_contact_link {
  text-decoration: none !important;
  margin: 0 12px 0 28px;
  font-size: 16px;
}

.header_contact_link::after {
  left: 52px;
}

.header_contact_link::before {
  height: calc(100% - 4px) !important;
}

.header_contact_link:hover {
  color: white !important;
}

.discover_cards .wf-cell .box-content-wrapper {
  position: relative;
  transition: 0.5s all;
}

.discover_cards .wf-cell .box-content-wrapper .elementor-image-div {
  border-radius: 15px;
  overflow: hidden;
}

.discover_cards
  .wf-cell
  .box-content-wrapper
  .elementor-image-div
  .post-thumbnail-rollover::before {
  background: linear-gradient(180deg, rgb(0 0 0 / 0%), black) !important;
  height: 50%;
  opacity: 1 !important;
  transition: 0.5s all;
  top: inherit;
  bottom: 0;
}

.discover_cards
  .wf-cell
  .box-content-wrapper:hover
  .elementor-image-div
  .post-thumbnail-rollover::before {
  background: linear-gradient(180deg, rgb(0 0 0 / 0%), black) !important;
  opacity: 1 !important;
  height: 100%;
  transition: 0.5s all;
}

.discover_cards .wf-cell .box-content-wrapper .box-content {
  position: absolute;
  padding: 15px;
  bottom: 20px;
}

.discover_cards .wf-cell .box-content-wrapper .box-content .box-button {
  justify-content: flex-start !important;
  width: 100%;
  position: relative;
  cursor: pointer;
  transition: 0.5s all;
}

.discover_cards .wf-cell .box-content-wrapper .box-content .box-button::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background: white;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  transition: 0.5s all;
}

.discover_cards .wf-cell .box-content-wrapper .box-content .box-button::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 16px;
  background: url("https://pixeldigitalagency.com/clients/platino/wp-content/uploads/2024/04/view-more-arrow.png");
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  transition: 0.5s all;
}

.discover_cards .wf-cell .box-content-wrapper .box-content .box-button:hover {
  padding: 10px 45px 10px 20px !important;
  transition: 0.5s all;
}

.discover_cards
  .wf-cell
  .box-content-wrapper
  .box-content
  .box-button:hover::before {
  width: 0;
  transition: 0.5s all;
}

.discover_cards
  .wf-cell
  .box-content-wrapper
  .box-content
  .box-button:hover::after {
  width: 16px;
  transition: 0.5s all;
}

.discover_cards .wf-cell .box-content-wrapper:hover .box-content .box-heading,
.discover_cards
  .wf-cell
  .box-content-wrapper:hover
  .box-content
  .box-description {
  transform: translateY(0px);
  opacity: 1;
  transition: 0.5s all;
}

.insight_card {
  position: relative;
  transition: 0.5s all;
  overflow: hidden;
}

.insight_card::before {
  height: 2px;
  width: 0%;
  background-color: #1caa4a;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  top: inherit;
  transition: 0.5s all;
}

.insight_card:hover::before {
  width: 100%;
  right: 0;
  transition: 0.5s all;
}

.home-projects-slider .owl-carousel .owl-stage-outer {
  max-height: 375px;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner {
  grid-template-columns: 0 55%;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  :not(.dt-owl-item.active ~ .dt-owl-item.active).dt-owl-item.active
  .dt-owl-item-inner {
  grid-template-columns: 40% 55%;
  justify-content: space-between;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner
  .dt-owl-item-heading {
  width: 100%;
  text-align: left;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner
  .dt-owl-item-heading,
.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner
  .dt-owl-item-description,
.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner
  .dt-slide-button {
  opacity: 1;
  transition: all 0.6s ease;
  padding-top: 80px;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  :not(.dt-owl-item.active ~ .dt-owl-item.active).dt-owl-item.active
  .dt-owl-item-inner
  .dt-owl-item-heading,
.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  :not(.dt-owl-item.active ~ .dt-owl-item.active).dt-owl-item.active
  .dt-owl-item-inner
  .dt-owl-item-description,
.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  :not(.dt-owl-item.active ~ .dt-owl-item.active).dt-owl-item.active
  .dt-owl-item-inner
  .dt-slide-button {
  opacity: 1;
  transition: all 0.6s ease;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner
  .dt-owl-item-heading {
  transform: translate(-200px, 0px);
  opacity: 0;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  :not(.dt-owl-item.active ~ .dt-owl-item.active).dt-owl-item.active
  .dt-owl-item-inner
  .dt-owl-item-heading {
  transform: translate(0px, 0px);
  transition-delay: 0s;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner
  .dt-owl-item-description {
  transform: translate(-200px, 0px);
  opacity: 0;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  :not(.dt-owl-item.active ~ .dt-owl-item.active).dt-owl-item.active
  .dt-owl-item-inner
  .dt-owl-item-description {
  transform: translate(0px, 0px);
  transition-delay: 0.5s;
  opacity: 1;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner
  .dt-owl-item-image {
  max-height: 420px;
  overflow: hidden;
  max-width: 800px;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  :not(.dt-owl-item.active ~ .dt-owl-item.active).dt-owl-item.active
  .dt-owl-item-inner
  .dt-slide-button {
  transform: translate(0px, 0px);
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner
  .dt-slide-button {
  position: relative;
  padding: 12px 20px 12px 30px !important;
  transform: translate(-100px, 0px);
  transition-delay: 0.6s !important;
  transition: all 0.6s ease;
  overflow: hidden;
  z-index: 10;
  opacity: 0;
  cursor: pointer;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner
  .dt-slide-button:hover {
  padding: 12px 20px 12px 50px !important;
  transition: all 0.3s;
  transition-delay: 0s !important;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner
  .dt-slide-button:hover::before {
  width: 40px;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner
  .dt-slide-button:before {
  position: absolute;
  left: 0px;
  top: 20px;
  width: 20px;
  height: 2px;
  content: "";
  background: #fff;
  transition: all 0.3s ease;
  transition-delay: 0s !important;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner
  .dt-slide-button:after {
  position: absolute;
  left: 0px;
  top: 16px;
  width: 10px;
  height: 10px;
  opacity: 0;
  border-radius: 50%;
  content: "";
  background: #fff;
  transition: all 0.3s;
}

.home-projects-slider
  .owl-carousel
  .owl-stage-outer
  .owl-stage
  .dt-owl-item
  .dt-owl-item-inner
  .dt-owl-item-description
  span {
  display: block;
  padding: 10px 0px 10px 0px;
  position: relative;
  font-weight: 400;
}

.link {
  background: none;
}

.link .elementor-button-content-wrapper {
  padding: 0 0 0 30px;
}

.link .elementor-button-content-wrapper::before {
  height: 2px;
  width: 20px;
  background-color: white;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border: none;
  transform: 0.5s all;
}

.link:hover .elementor-button-content-wrapper {
  padding: 0 0 0 40px;
  transform: 0.5s all;
}

.link:hover .elementor-button-content-wrapper::before {
  width: 30px;
  background-color: #1caa4a;
  transform: 0.5s all;
}

.link span {
  transition: 0.5s all;
}

.link:hover span {
  color: #1caa4a;
  transition: 0.5s all;
}

/* 
.client_grid .dt-css-grid .wf-cell:not(:last-child),
.client_grid .dt-css-grid .wf-cell:nth-child(4n) {
  border-right: solid rgb(255 255 255 / 15%) 1px;
  border-bottom: solid rgb(255 255 255 / 15%) 1px;
}
.client_grid .dt-css-grid .wf-cell:nth-child(4n){
  border-right: none !important;
}
.client_grid .dt-css-grid .wf-cell:last-child{
  border-right: solid rgb(255 255 255 / 15%) 1px;
}


.client_grid .dt-css-grid .wf-cell:nth-last-child(-n+1) {
  border-bottom: none;
}
.client_grid .dt-css-grid .wf-cell:nth-child(4) {
  border-bottom: solid rgb(255 255 255 / 25%) 1px;
}

.client_grid .dt-css-grid .wf-cell:nth-child(5),
.client_grid .dt-css-grid .wf-cell:nth-child(6),
.client_grid .dt-css-grid .wf-cell:nth-child(7) {
  border-right: solid rgb(255 255 255 / 25%) 1px;
}

.home_client_grid.client_grid .dt-css-grid .wf-cell:nth-child(5),
.home_client_grid.client_grid .dt-css-grid .wf-cell:nth-child(6),
.home_client_grid.client_grid .dt-css-grid .wf-cell:nth-child(7){
border-bottom: none;
} */
.client_grid .wf-cell .the7-image-box-wrapper,.client_grid .wf-cell .the7-image-box-wrapper img{
  transition: 0.5s all !important;
}
.client_grid .wf-cell .the7-image-box-wrapper:hover img{
  transform: scale(1.1);
}



.testimonial_section .swiper-pagination {
  display: flex;
  justify-content: flex-start;
}

.testimonial_section .swiper-pagination .swiper-pagination-bullet {
  margin: 0 3px !important;
  border-radius: 5px;
}

.testimonial_section
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
}

.triump_section .wf-cell .box-content-wrapper {
  position: relative;
  overflow: hidden;
}

.triump_section .wf-cell .box-content-wrapper .elementor-image-div {
  margin-bottom: 0;
}

.triump_section .wf-cell .box-content-wrapper .box-content {
  padding: 20px;
  position: absolute;
  bottom: 0px;
  transition: 0.5s all;
}

.triump_section .wf-cell .box-content-wrapper:hover .box-content {
  transform: translateY(0);
  transition: 0.5s all;
}

.triump_section .wf-cell .box-content-wrapper .box-content .box-button {
  padding: 0 0 0 30px;
  margin-top: 10px;
  position: relative;
  transition: 0.5s all;
  cursor: pointer;
}

.triump_section .wf-cell .box-content-wrapper .box-content .box-button::before {
  position: absolute;
  content: "";
  left: 0;
  height: 2px;
  width: 20px;
  background: white;
  transition: 0.5s all;
}

.triump_section .wf-cell .box-content-wrapper .box-content .box-button:hover {
  padding-left: 40px;
  transition: 0.5s all;
}

.triump_section
  .wf-cell
  .box-content-wrapper
  .box-content
  .box-button:hover::before {
  width: 30px;
  transition: 0.5s all;
}

.form_section form,
.pum-container form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.form_section form P,
.pum-container form P,
.form_section form P input,
.pum-container form P input {
  margin-bottom: 0 !important;
}

.form_section form .half_cont ,
.pum-container form .half_cont {
  width: calc(50% - 10px);
}

.form_section form .full_cont ,
.pum-container form .full_cont {
  width: 100%;
}

.footer_links ul.dt-nav-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.footer_links ul.dt-nav-menu li {
  width: calc(20% - 20px);
  box-sizing: border-box;
  white-space: nowrap;
}

.footer_links ul.dt-nav-menu li:nth-child(2),
.footer_links ul.dt-nav-menu li:nth-child(6),
.footer_links.solutions_link ul.dt-nav-menu li:nth-child(1) {
  width: calc(40% - 20px);
}

.footer_links.solutions_link ul.dt-nav-menu li {
  width: calc(20% - 20px);
}

.footer-copyright {
  text-align: right;
  font-size: 16px;
  line-height: 24px;
}

.footer-copyright a {
  color: #1caa4a;
}

.masthead .menu-item a {
  position: relative;
  transition: 0.5s ease-in-out;
}

.masthead .menu-item a::before {
  position: absolute;
  content: "";
  top: 70%;
  width: 0%;
  background-color: green;
  left: 0;
  height: 0px;
  transition: 0.5s ease-in-out;
}

.masthead .menu-item a:hover::before,
.masthead .menu-item.current-menu-item.page_item a::before{
  height: 2px;
  width: 100%;
  transition: 0.5s ease-in-out;
}


#phantom.masthead .menu-item a::before {
  top: 90%;
}

marquee {
  display: flex;
}

marquee h2 {
  background: rgba(255, 255, 255, 0.5);
  -webkit-text-stroke: 1px transparent;
  -webkit-background-clip: text;
  color: #131d34;
  font-size: 62px;
  line-height: 70px;
  margin-bottom: 0;
}

.behind_platino_card {
  transition: 0.5s ease-in-out;
}

.behind_platino_card .elementor-icon {
  transform: scale(0);
  transition: 0.5s ease-in-out;
}

.behind_platino_card:hover .elementor-icon {
  transform: scale(0.9);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.behind_platino_card .elementor-icon:hover {
  transform: scale(1);
  transition: 0.5s ease-in-out;
}

.quality_slider .dt-owl-item-wrap {
  position: relative;
  transition: 0.5s all;
}

.quality_slider .dt-owl-item-wrap .dt-owl-item-description {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 0;
  padding: 20px;
  transition: 0.5s all;
}

.quality_slider .dt-owl-item-wrap .dt-owl-item-description {
  transform: translateY(85%);
  text-align: left;
  transition: 0.5s all;
  z-index: 5;
}
.quality_slider .dt-owl-item-wrap .dt-owl-item-description h4{
  text-align: left !important;
}

.quality_slider .dt-owl-item-wrap .dt-owl-item-image {
  transition: 0.5s all;
}

.quality_slider .dt-owl-item-wrap .dt-owl-item-image::before {
  background: linear-gradient(to top,#0000008c , rgba(0, 0, 0, 0));
  mix-blend-mode: multiply;
  transition: 0.5s all;
}


.quality_slider .dt-owl-item-wrap:hover .dt-owl-item-description {
  transform: translateY(0);
}

.quality_slider .dt-owl-item-wrap:hover .dt-owl-item-image::before {
  background: #018f2f;
  transition: 0.5s all;
}

/* for career file */
form.wpcf7-form .file input[type="file"].wpcf7-file {
  margin-bottom: 1px !important;
  width: 100%;
  border: 1px dashed rgba(255, 255, 255, 0.5);
  padding: 15px;
  color: rgba(255, 255, 255, 0.7) !important;
}

form.wpcf7-form .file small {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 13px;
  display: block;
}

.wpcf7-form-control-wrap {
  position: relative;
}

form.wpcf7-form p {
  margin-bottom: 0px;
}

.contact_us_phone_link a {
  color: white;
  transition: 0.5s all;
}

.contact_us_phone_link a:hover {
  margin-left: 5px;
  color: #1caa4a;
  transition: 0.5s all;
}

.advantage_cards .dt-css-grid .wf-cell .the7-icon-box-grid{
  position: relative;
  transition: 0.5s all;
}
.advantage_cards .dt-css-grid .wf-cell .the7-icon-box-grid::before{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  height: 75%;
  opacity: 0;
  width: 75%;
  border-radius: 20%;
  background-color: rgb(27 153 67 / 25%);
  content: '';
  transition: 0.5s all;
}
.advantage_cards .dt-css-grid .wf-cell .the7-icon-box-grid:hover::before{
  height: 100%;
  opacity: 1;
  width: 100%;
  border-radius:0 ;
  transition: 0.5s all;
}
.advantage_cards .dt-css-grid .wf-cell .the7-icon-box-grid:hover{
  transform: translateY(-5px) scale(1.05);
  transition: 0.5s all;
}
.advantage_cards .dt-css-grid .wf-cell .the7-icon-box-grid .box-content{
  z-index: 1;
}

.principle_circle img{
  animation: circle-arrow 1s infinite alternate-reverse linear;
}
.principle_circle::before{
  height: 0;
  width: 0;
  border-radius: 100%;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: 0.5s all;
  background-color:#1caa4a;
  opacity: 0;
}
.principle_circle:hover::before{
  height: 100%;
  width: 100%;
  transition: 0.5s all;
  opacity: 1;
}

@keyframes circle-arrow {
  from{
    transform: rotate(-7deg);
  }
  to{
    transform: rotate(7deg);
  }
}

.device_work .wf-cell{
  overflow: hidden;
}
.device_work .box-content-wrapper .box-content{
position: absolute;
height: 250px;
top: calc(100% - 70px);
padding: 20px;
justify-content: unset !important;
transition: 0.5s all;
overflow: hidden;
}
.device_work .box-content-wrapper .box-content .box-description{
  opacity: 0;
  transition: 0.5s all;
}

.device_work .box-content-wrapper:hover .box-content{
  top: calc(100% - 250px);
  transition: 0.5s all;
  z-index: 5;
}

.device_work .box-content-wrapper:hover .box-content .box-description{
  opacity: 1;
  transition: 0.5s all;
}
.device_work .box-content-wrapper .elementor-image-div {
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 20px;
  transition: 0.5s all;
}

.device_work .box-content-wrapper::before{
  position: absolute;
  content: '';
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  background-color: #018f2f;
  mix-blend-mode: multiply;
  opacity: 0;
  transition: 0.5s all;
  border-radius: 20px;
  z-index: 1;
}
.device_work .box-content-wrapper:hover::before{
opacity: 1;
transition: 0.5s all;
}

.techno_icon_grid .the7-box-grid-wrapper .elementor-icon-div svg {
fill: none;
color: none;
}

.techno_icon_grid .box-content-wrapper{
  transition:0.5s ease;
}
.techno_icon_grid .box-content-wrapper:hover{
  transform: translateY(-10px);
  color: #1caa4a;
}
.techno_icon_grid .box-content-wrapper .elementor-icon{
	transition: all 0.6s ease;
}
.techno_icon_grid .box-content-wrapper:hover .elementor-icon{
  transform: rotateY(180deg);
  transition: all 0.6s ease;
}
.techno_icon_grid .box-content-wrapper:hover .box-heading a{
  color: #1caa4a;
  transition:0.5s ease;
}

.board_img{
  transform-origin: top center;
  animation: board 1s alternate-reverse infinite ease-in-out;
}

@keyframes board {
  from{
    transform: rotate(-7deg);
  }
  to{
    transform: rotate(7deg);
  }
}

/* blog */
.post-template-default .sidebar .wp-block-heading{
  color: white;
  margin-bottom: 20px;
}
.sidebar-content .widget:not(.widget_icl_lang_sel_widget) a:not(.elementor-button){
  color: white;
}
.wp-block-latest-posts__post-date{
  color: #1caa4a;
}
.wp-block-latest-posts.wp-block-latest-posts__list{
  display: flex;
  flex-direction: column;
}
.sidebar-divider-vertical.sidebar-right .sidebar .sidebar-content{
  border-left: solid rgba(255, 255, 255, 0.25) 1px;
}

.blog_cards .wf-cell .post .post-content-wrapper .post-entry-content .box-button{
  position: relative;
  padding: 12px 12px 12px 25px;
  transition: 0.5s ease-in-out;
  color: #1caa4a;
}

.blog_cards .post-content-wrapper .box-button::before{
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  height: 2px;
  width: 20px;
  background-color: #1caa4a;
  transition: 0.5s ease-in-out;
}

.blog_cards article.post:hover .post-content-wrapper .post-entry-content .box-button{
  padding-left: 35px;
  transition: 0.5s ease-in-out;
}
.blog_cards article.post:hover .post-content-wrapper .post-entry-content .box-button::before{
  width: 30px;
  transition: 0.5s ease-in-out;
}


@media (min-width: 1200px) {
  .hp_slider .swiper-pagination{
    display: flex !important;
    justify-content: flex-end !important;
    padding-right: calc((100vw - 1200px) / 2) !important;
  }
  
  .discover_cards .wf-cell .box-content-wrapper .box-content .box-heading {
    transform: translateY(75px);
    transition: 0.5s all;
  }

  .discover_cards .wf-cell .box-content-wrapper .box-content .box-description {
    opacity: 0;
    transform: translateY(75px);
    transition: 0.5s all;
  }

  .triump_section .wf-cell .box-content-wrapper .box-content {
    transform: translateY(35px);
  }
}

@media (max-width: 1200px) {
  .video {
    border-radius: 20px;
    height: auto;
}
.video video{
  float: left;
}
.video .video-content {
  width: 100%;
  padding: 0 20px;
}
  marquee h2 {
    font-size: 40px;
    line-height: 50px;
  }

  body:not(.transparent) .masthead:not(.side-header) {
    background-color: #131d34 !important;
}
body:not(.transparent) .masthead:not(.side-header) .menu-line:after,
body:not(.transparent) .masthead:not(.side-header) .menu-line:before {
    background-color: white !important;
    opacity: 1 !important;
  }
  .right-mobile-menu .show-mobile-header .dt-mobile-header {
    background-image: url("https://pixeldigitalagency.com/clients/platino/wp-content/uploads/2024/04/leaf-bg.png");
    background-position: 0 126%;
    background-repeat: no-repeat;
    background-size: 80%;
    animation: nav-leaf 2s linear alternate infinite;
  }

  @keyframes nav-leaf {
    0% {
      background-position: 0 126%;
    }

    100% {
      background-position: 10% 128%;
    }
  }

  .dt-mobile-header .mobile-header-scrollbar-wrap {
    padding: 90px 15px 30px 30px;
  }

  .sticky-mobile-on .mobile-header-bar {
    background: #131d34;
    border-bottom: solid rgb(255 255 255 / 50%) 1px;
  }

  .sticky-mobile-on .mobile-header-bar .menu-line:after,
  .sticky-mobile-on .mobile-header-bar .menu-line:before {
    background-color: white !important;
    opacity: 1 !important;
  }

  .footer-copyright {
    text-align: center;
  }

  .form_section form .form_btn {
    margin: auto;
  }

  .home-projects-slider
    .owl-carousel
    .owl-stage-outer
    .owl-stage
    :not(.dt-owl-item.active ~ .dt-owl-item.active).dt-owl-item.active
    .dt-owl-item-inner {
    grid-template-columns: 50% 40%;
    justify-content: space-between;
  }

  .home-projects-slider
    .owl-carousel
    .owl-stage-outer
    .owl-stage
    .dt-owl-item
    .dt-owl-item-inner
    .dt-owl-item-description {
    padding-top: 110px !important;
  }

  .home-projects-slider .owl-carousel .owl-stage-outer {
    max-height: 411px !important;
  }
}

@media (max-width: 1000px) {
  .home-projects-slider
    .owl-carousel
    .owl-stage-outer
    .owl-stage
    :not(.dt-owl-item.active ~ .dt-owl-item.active).dt-owl-item.active
    .dt-owl-item-inner {
    grid-template-columns: 55% 40% !important;
  }

  .home-projects-slider .owl-carousel .owl-stage-outer {
    max-height: 385px !important;
  }
}

@media (max-width: 992px) {
  .sidebar-divider-vertical.sidebar-right .sidebar .sidebar-content{
    border-left: none;
  }
  .home-projects-slider
    .owl-carousel
    .owl-stage-outer
    .owl-stage
    .dt-owl-item
    .dt-owl-item-inner
    .dt-owl-item-description
    span {
    padding: 0 !important;
  }

  .home-projects-slider
    .elementor-2
    .elementor-element.elementor-element-3d2f40c
    .owl-nav
    a.owl-next {
    bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .certified_table {
    overflow-x: auto;
  }
  .post-template-default.single.single-post #main {
    padding: 50px 0 50px 0;
}
  .quality_slider .dt-owl-item-wrap .dt-owl-item-description {
    transform: translateY(82%);
  }
 
  .homepage_main .text h1 {
    font-size: 23px;
    line-height: 33px;
  }
  .video .video-content h2{
    font-size: 25px;
    text-align: center;
    line-height: 35px;
  }
  .video .video-content p{
    padding-right: 0 !important;
    text-align: center;
  }
  .video .elementor-button-wrapper{
    width: fit-content;
    margin: auto;
  }
  .techno_icon_grid .box-content-wrapper .box-heading{
    margin: auto;
    text-align: center;
  }
  marquee h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .video {
    height: fit-content;
  }

  .homepage_main {
    background-size: 100%;
    background-position: center bottom;
  }

  .homepage_main .circle {
    width: 200px;
    height: 200px;
  }

  .homepage_main .text h3 {
    font-weight: 300;
    font-size: 25px;
    line-height: 30px;
  }

  .homepage_main .text h2 {
    font-weight: 700;
    font-size: 25px;
    line-height: 35px;
    white-space: nowrap;
  }

  .mobile-mini-widgets-in-menu {
    padding: 15.2px 0;
  }

  .mobile-mini-widgets-in-menu a {
    margin: 0;
  }

  .dt-mobile-header .mobile-header-scrollbar-wrap {
    padding: 60px 15px 30px 30px;
  }

  .form_section form .half_cont {
    width: 100%;
  }

  .home-projects-slider
    .owl-carousel
    .owl-stage-outer
    .owl-stage
    .dt-owl-item
    .dt-owl-item-inner
    .dt-owl-item-image {
    height: fit-content;
    max-height: fit-content;
  }

  .home-projects-slider
    .owl-carousel
    .owl-stage-outer
    .owl-stage
    .dt-owl-item
    .dt-owl-item-inner {
    display: flex;
    flex-direction: column;
  }

  .home-projects-slider .owl-carousel .owl-stage-outer {
    height: fit-content;
    max-height: fit-content !important;
  }

  .home-projects-slider
    .owl-carousel
    .owl-stage-outer
    .owl-stage
    .dt-owl-item
    .dt-owl-item-inner
    .dt-owl-item-description {
    padding-top: 30px !important;
  }

  .client_grid .dt-css-grid .wf-cell:nth-child(odd) {
    border-right: solid rgb(255 255 255 / 25%) 1px;
    border-bottom: solid rgb(255 255 255 / 25%) 1px;
  }

  .client_grid .dt-css-grid .wf-cell:nth-child(even) {
    border-bottom: solid rgb(255 255 255 / 25%) 1px;
    border-right: none;
  }
  .home_client_grid.client_grid .dt-css-grid .wf-cell:nth-child(5),
.home_client_grid.client_grid .dt-css-grid .wf-cell:nth-child(6){
  border-bottom: solid rgb(255 255 255 / 25%) 1px;
}
.home_client_grid.client_grid .dt-css-grid .wf-cell:nth-child(7),
.home_client_grid.client_grid .dt-css-grid .wf-cell:nth-child(8){
  border-bottom: none;
}

  
}

@media (max-width: 500px) {
  .mobile_video{
    display: block;
  }
  .desktop_video{
    display: none;
  }
  .footer_links ul.dt-nav-menu {
    gap: 20px 7px;
  }

  .footer_links ul.dt-nav-menu li {
    width: calc(50% - 20px);
  }

  .footer_links ul.dt-nav-menu li:nth-child(2),
  .footer_links ul.dt-nav-menu li:nth-child(6),
  .footer_links.solutions_link ul.dt-nav-menu li:nth-child(1) {
    width: calc(50% - 20px);
  }

  .footer_links.solutions_link ul.dt-nav-menu li {
    width: calc(50% - 20px);
  }
}