@import url(https://use.typekit.net/czq0rye.css);
:root {   
--Gradient-Icon: linear-gradient(0deg, #55EFD0 0%, #005ADD 100%);
}
.header_bt a {
width: 220px;
}
.make_a_white a {
color: #55EFD0;
}
.footer_ul li:nth-child(5) a{
color:#fff!important;
}
.footer_ul li:nth-child(5) a:hover{
color:#55EFD0!important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
color: #fff;
}
.card {
border: 2px solid transparent;
border-image-slice: 1;
border-image-source: var(--Gradient-Icon);
border-radius: 10px;
background: #000514;
}
p {
margin-block-start: 0;
margin-block-end: 0;
}
.home_title1 span {
color: #55EFD0;
}
.home_title2 span {
color: #55EFD0;
font-family: "narkiss-tam-condensed", Sans-serif;
font-size: 24px;
}
.home_title3 span {
color: #55EFD0;
}
.home_title4 span {
color: #55EFD0;
font-family: "narkiss-tam-condensed", Sans-serif;
font-size: 24px;
}
.footer_text span {
color: #55EFD0;
font-family: "narkiss-tam-condensed", Sans-serif;
font-size: 24px;
}
.make_color span {
color: #55EFD0;
}
.mobile_breake {
display: block;
}
.make_7 {}
.make_77 img {
opacity: 0;
animation: fadeIn 1s ease-in-out forwards;
animation-delay: 2s; }
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.make_icon {}
.media_images {
width: 100%;
display: flex;
justify-content: space-between;
}
.media_arrow img {
position: relative;
top: 10px;
}
.make_icon .elementor-heading-title:before {
display: inline-block;
content: '';
background-image: url(//truvify.com/wp-content/uploads/2025/02/Vector.svg);
background-size: 30px 33px;
height: 33px;
width: 30px;
position: relative;
top: 5px;
right: -5px;
}
.make_ball a {
padding-left: 0px;
padding-right: 0px;
}
.make_ball a:before {
display: inline-block;
content: '';
background-image: url(//truvify.com/wp-content/uploads/2025/02/Ellipse-3.svg);
background-size: 8px 8px;
background-repeat: no-repeat;
height: 10px;
width: 8px;
position: relative;
top: 2px;
right: -10px;
opacity: 1 !important;
background-color: transparent !important;
}
.home_can_3 {
background-image: url(//truvify.com/wp-content/uploads/2025/02/back_left.png), url(//truvify.com/wp-content/uploads/2025/02/back_right.png);
background-position: center left, center right;
background-size: contain, contain;
background-repeat: no-repeat, no-repeat;
}
.home_can_6 {
background-image: url(//truvify.com/wp-content/uploads/2025/02/back_left.png), url(//truvify.com/wp-content/uploads/2025/02/back_right.png);
background-position: center left, center right;
background-size: contain, contain;
background-repeat: no-repeat, no-repeat;
}
.blog_can_1 {
background-image: url(//truvify.com/wp-content/uploads/2025/02/back_left.png), url(//truvify.com/wp-content/uploads/2025/02/back_right.png);
background-position: center left, center right;
background-size: contain, contain;
background-repeat: no-repeat, no-repeat;
}
.miyasdot_text {
border-radius: 10px;
background: linear-gradient(0deg, #0365DB 0%, #00CFA5 100%);
display: flex;
width: 248px;
padding: 15px 0px 10px 0px;
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
position: relative;
left: 25px;
top: -35px;
padding: 15px 0px;
;
}
.en .wpcf7-not-valid-tip {
direction: ltr;
}
.en .wpcf7-response-output {
direction: ltr;
;
}
.miyasdot_text_left .miyasdot_text {
left: auto;
right: 25px;
}
.miyasdot_text2_right {
border-image-slice: 10;
border-image-source: var(--Gradient-Icon);
border-radius: 10px;
background: #000514;
padding: 50px;
}
.miyasdot_text2_right {
position: relative;
background: #000514;
border-radius: 10px;
padding: 50px;
z-index: 1;
}
.miyasdot_text2_right::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--Gradient-Icon);
border-radius: 10px;
padding: 2px; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
z-index: -1;
}
.miyasdot_text2_right .miyasdot_text {
height: 70px;
position: relative;
left: 3px;
top: -60px;
}
.miyasdot_text .elementor-heading-title {
margin: 0px;
padding: 0px;
}
.card1 {
display: flex;
width: 613px;
height: 487px;
padding: 50px 30px 50px 30px;
flex-direction: column;
align-items: center;
border-image-slice: 1;
border-image-source: var(--Gradient-Icon);
border-radius: 10px;
background: #000514;
}
.card1 {
position: relative;
background: #000514;
border-radius: 10px;
z-index: 1;
border-image-slice: 10;
border-image-source: var(--Gradient-Icon);
border-radius: 10px;
background: #000514;
}
.card1::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--Gradient-Icon);
border-radius: 10px;
padding: 2px; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
z-index: -1;
}
.card2 {
display: flex;
width: auto;
height: auto;
padding: 0px 0px 20px 0px;
flex-direction: column;
align-items: center;
border-image-slice: 1;
border-image-source: var(--Gradient-Icon);
border-radius: 10px;
background: #000514;
}
.card2:hover .card2_title .elementor-heading-title {
color: #55EFD0 !important;
}
.card2 .elementor-widget-image img {
border-radius: 8px 8px 0px 0px;
width: calc(100% - 0px) !important;
margin-top: 2px;
}
.card2 {
position: relative;
z-index: 1;
border-image-slice: 10;
border-image-source: var(--Gradient-Icon);
border-radius: 10px;
background: #000514;
}
.card2::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--Gradient-Icon);
border-radius: 10px;
padding: 2px 2px;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
z-index: 2;
}
.card3 {
flex-direction: column;
align-items: center;
border-image-slice: 1;
border-image-source: var(--Gradient-Icon);
border-radius: 10px;
background: #000514;
display: flex;
width: 400px;
height: auto;
padding: 32px 30px 32px 30px;
gap: 0px;
padding: 30px;
justify-content: start;
}
.card3 {
position: relative;
z-index: 1;
border-image-slice: 10;
border-image-source: var(--Gradient-Icon);
border-radius: 10px;
background: #000514;
}
.card3::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--Gradient-Icon);
border-radius: 10px;
padding: 2px; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
z-index: -1;
}
.products_page .card1 {
display: flex;
width: 100%;
height: auto;
padding: 50px 30px 50px 30px;
flex-direction: column;
align-items: center;
border-image-slice: 1;
border-image-source: var(--Gradient-Icon);
border-radius: 10px;
background: #000514;
}
.products_page .card1 {
position: relative;
background: #000514;
border-radius: 10px;
z-index: 1;
border-image-slice: 10;
border-image-source: var(--Gradient-Icon);
border-radius: 10px;
background: #000514;
}
.products_page .card1::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--Gradient-Icon);
border-radius: 10px;
padding: 2px; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
z-index: -1;
}
.card_product h2,
.card_product h3 {
margin: 0px;
padding: 0px;
font-size: inherit;
color: #55EFD0;
margin: 10px 0px;
font-size: 22px;
}
.make_up {
align-items: start;
}
.card_product ul {
padding: 0px 10px 0px 0px;
list-style: none;
}
.en .card_product ul {
padding: 0px 0px 0px 10px;
}
.card_product ul li:before {
display: inline-block;
content: '';
background-image: url(//truvify.com/wp-content/uploads/2025/02/Ellipse-3.svg);
background-size: 8px 8px;
background-repeat: no-repeat;
height: 10px;
width: 8px;
position: relative;
top: 2px;
right: -10px;
opacity: 1 !important;
background-color: transparent !important;
}
.en .card_product ul li:before {
right: auto;
left: -10px;
}
.card_product .card_product_col1 {
width: 260px !important;
}
.contact1 .hp_field1 {
color: #FFF;
width: 100%;
}
.contact1 .hp_flex {
display: flex;
width: 700px;
padding: 40px 40px 60px 40px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 22px;
border-radius: 10px;
background: #000514;
border-image-slice: 1;
border-image-source: var(--Gradient-Icon);
border-radius: 10px;
background: #000514;
}
.contact1 .hp_flex {
position: relative;
background: #000514;
border-radius: 10px;
padding: 50px;
z-index: 1;
border-image-slice: 10;
border-image-source: var(--Gradient-Icon);
border-radius: 10px;
background: #000514;
}
.en .contact1 .hp_flex {
direction: ltr;
}
.contact1 .hp_flex::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--Gradient-Icon);
border-radius: 10px;
padding: 2px; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
z-index: -1;
}
.contact1 input,
.contact1 textarea {
background-color: transparent;
border: 0px;
border-bottom: 1px solid #fff;
direction: rtl !important;
text-align: right;
border-radius: 0px;
border-color: #fff !important;
color: #fff;
}
.en .contact1 input,
.en .contact1 textarea {
direction: ltr !important;
text-align: left;
}
.contact1 .hp_submit input:hover {
background-color: #005ADD !important;
color: #fff !important;
}
.en .contact1 .hp_submit input {
text-align: center;
}
.en .card1 .elementor-widget-container {
direction: ltr !important;
text-align: left !important;
}
.hp_submit input,
.hp_submit input:focus,
.hp_submit input:hover {
display: flex;
width: 223px;
height: 45px;
padding: 10px 10px 6px 10px;
justify-content: center;
align-items: center;
gap: 10px;
border-bottom: 0px solid #fff;
border-radius: 10px;
background: #55EFD0;
margin-right: auto;
color: #000;
text-align: center;
font-family: "narkiss-tam", Sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.en .hp_submit input {
margin-right: 0px !important;
margin-left: auto !important;
}
:focus-visible {
outline: -webkit-focus-ring-color auto 0px;
}
.contact1 input::placeholder,
.contact1 textarea::placeholder {
color: #FFF;
font-family: "narkiss-tam", Sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.hazon_short_code .elementor-widget-container {
display: flex;
gap: 30px 30px;
justify-content: start;
flex-wrap: wrap;
}
.ar {
display: inline-block;
color: #fff;
padding: 0px 2px;
}
.miyasdot_sec_about .miyasdot_text {
height: 70px;
position: relative;
left: 3px;
top: -25px;
}
.en miyasdot_sec_about {}
.en .make_ltr .elementor-heading-title {
direction: ltr;
}
.make_7 img {
width: 100%;
right: -20px;
position: relative;
}
.en .make_7 img {
position: relative;
top: -10px;
left: -208px;
right: auto;
}
.en .home_title2 {
align-self: flex-end;
}
.en .home_title2 {
direction: ltr;
}
.en .make_icon p {
display: inline-block !important;
}
.en .make_icon h2 {
direction: ltr;
}
.en .home_title4 {
direction: ltr;
}
.en .miyasdot_sec_about .elementor-widget-container,
.en .miyasdot_sec_about .elementor-widget-container p {
direction: ltr;
}
.en .make_icon .elementor-heading-title:before {
transform: scaleX(-1);
left: -5px;
right: auto;
}
.en .min_height_product_about p {
margin-bottom: 8px;
}
.en .min_height_product_about .elementor-widget-container {
min-height: 372px;
}
.footer_bg {}
.en .card1 {
height: auto;
}
.en .iner_baner_title {}
@media (min-width: 1200px) and (max-width: 1600px) {
.card3 {
padding: 25px;
}
.home_cont_1 {
padding-left: 8% !important;
top: 12% !important;
}
.en .miyasdot_sec .con_1360 {
width: 1045px !important;
}
.media_title_1360 .elementor-heading-title {
font-size: 95px !important;
}
.card1 {
height: auto;
}
.min_height_product {
min-height: 120px;
}
.min_height_product_about {
min-height: 300px;
}
.card3 {
width: 328px;
}
.about_page .card3 {
width: oo;
}
.home_cont_1 {
padding-right: 10% !important;
}
.make_7 img {
width: 80%;
right: -75px;
position: relative;
}
.en .make_7 img {
width: 70%;
right: 23px!Important;		
top: -6px!important;
}
.en .make_7 img {
right: 0px;
}
.elementor-785 .elementor-element.elementor-element-55f1250 {
--width: 1045px;
}
.home_can_4 {
padding-top: 0px !important;
}
.con_1360 {
--content-width: 1045px !important;
}
.home_can_3 {
background-image: url(//truvify.com/wp-content/uploads/2025/02/back_left.png), url();
background-position: center left, center right;
background-size: contain, contain;
background-repeat: no-repeat, no-repeat;
}
.home_can_6 {
background-image: url(//truvify.com/wp-content/uploads/2025/02/back_left.png), url();
background-position: center left, center right;
background-size: contain, contain;
background-repeat: no-repeat, no-repeat;
}
}
#openselectpopup {
cursor: pointer;
} .risk-report-popup-overlay {
position: fixed;
inset: 0;
background: rgba(0, 5, 20, 0.75);
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
}
.risk-report-popup-box {
position: relative;
background: #000514;
border-radius: 10px;
padding: 50px 20px 30px 20px;
min-width: 280px;
max-width: 520px;
width: 92%;
z-index: 1;
}
.risk-report-popup-box::before {
content: "";
position: absolute;
inset: 0;
background: var(--Gradient-Icon);
border-radius: 10px;
padding: 2px;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
z-index: -1;
}
.risk-report-popup-close {
position: absolute;
top: 12px;
left: 16px;
background: none;
border: none;
color: #55EFD0;
font-size: 28px;
line-height: 1;
cursor: pointer;
padding: 0;
}
.risk-report-popup-list {
list-style: none;
margin: 0;
padding: 0 30px;
display: flex;
flex-direction: column;
gap: 12px;
}
.risk-report-popup-list li {
position: relative;
z-index: 1;
border-radius: 8px;
}
.risk-report-popup-list li::before {
content: "";
position: absolute;
inset: 0;
background: var(--Gradient-Icon);
border-radius: 8px;
padding: 2px;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
z-index: -1;
}
.risk-report-popup-list li a {
display: block;
color: #fff;
text-decoration: none;
font-family: "narkiss-tam", Sans-serif;
font-size: 18px;
padding: 12px 16px;
border-radius: 8px;
text-align: center;
transition: background 0.2s, color 0.2s;
}
.risk-report-popup-list li a:hover {
background: rgba(85, 239, 208, 0.12);
color: #55EFD0;
}
@media (max-width: 767px) {
.risk-report-popup-list li a {
font-size: 14px;
}
}
@media (min-width: 411px) and (max-width: 767px) {
.risk-report-popup-list {
padding: 0 50px;
}
}
@media (max-width: 1200px) {
.hp_submit input,
.hp_submit input:focus,
.hp_submit input:hover {
width: 100%;
}
.miyasdot_text2_right {
width: 100%;
}
.miyasdot_sec_about .miyasdot_text {
height: 56px;
position: relative;
left: 3px;
top: -25px;
width: 76%;
}
.card3 {
display: flex;
width: calc(50% - 15px);
padding: 22px 10px 22px 10px;
}
.miyasdot_text2_right {
width: 100%;
margin: 0px;
margin-bottom: 20px;
padding: 30px;
}
.card1 {
width: 100%;
height: auto;
padding: 30px 30px;
height: auto;
}
.contact1 .hp_flex {
width: 100%;
padding: 40px 40px 40px 40px;
}
.card_product .card_product_col1 {
width: 100% !important;
}
.card_product {
display: flex;
width: auto;
padding: 20px 20px 20px 20px;
}
.products_page .card1 .card_product {
padding: 0px;
}
.products_page .card1 {
padding: 50px 20px 50px 20px;
}
.home_cont_1 {
position: initial;
background-color: #02081D;
padding: 0px 20px;
}
.home_sec_1_2 {
display: block;
background-size: 100% 100% !important;
}
.home_sec_1_2 .face img {
width: 100%;
position: relative;
top: -7px;
padding-top: 40px;
right: 0px;
}
.en .home_sec_1_2 .face img {
right: initial;
left: initial;
}
.home_can_3 {
background-image: url(), url();
background-position: center left, center right;
background-size: contain, contain;
background-repeat: no-repeat, no-repeat;
}
.home_can_6 {
background-image: url(), url();
background-position: center left, center right;
background-size: contain, contain;
background-repeat: no-repeat, no-repeat;
}
.miyasdot_text {
width: 133px;
height: 38px;
left: 10px;
top: -25px;
}
.miyasdot_text_right .miyasdot_text {
left: auto;
right: auto;
margin: auto;
}
.miyasdot_text_left .miyasdot_text {
left: auto;
right: auto;
margin: auto;
}
.miyasdot_sec {
background-size: 890px !important;
background-position: center 77px !important;
}
.footer_ul ul {
display: flex;
flex-direction: row;
width: 100%;
flex-wrap: wrap;
}
.footer_ul ul li {
width: 50%;
}
.footer_bg {
background-position: left top;
background-size: 100% auto;
}
}
@media (max-width: 400px) {
.site-header a,
.elementor-location-header a,
.elementor-location-header button {
font-size: 13px !important;
}
}
@media (max-width: 360px) {
.site-header a,
.elementor-location-header a,
.elementor-location-header button {
font-size: 11px !important;
}
}
@media (max-width: 767px) {
.site-header,
#site-header,
.elementor-location-header {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 9999;
}
} @media (max-width: 767px) {
.elementor-element-5ef611b {
background-image: url(//truvify.com/wp-content/uploads/2025/02/imgBack_mobile1.jpg) !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
}