html {
scroll-behaviour: smooth;
}
body {
-webkit-text-stroke: 0px !important;
-webkit-font-smoothing: antialiased !important;
scroll-behaviour: smooth;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: inherit!important;
}
}
a,
p,
span,
h1,
h2,
h3,
h4,
h5 {
-webkit-text-stroke: 0px !important;
-webkit-font-smoothing: antialiased !important;
}
body {
padding: 0;
margin: 0;
overflow-x: hidden;
font-family: 'Manrope', sans-serif;
}
/* Defalut CSS Start */
a {
-webkit-transition: .5s;
transition: .5s;
text-decoration: none;
display: inline-block;
}
a:hover {
text-decoration: none;
outline: none;
}
a:focus {
text-decoration: none;
outline: none;
}
a.nav-link:focus {
color: #FFF718;
}
button {
outline: 0 !important;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
background-color: transparent;
}
button:focus {
outline: 0 !important;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
background-color: transparent;
}
.btn:focus {
outline: 0;
box-shadow: none;
}
.form-control:focus {
-webkit-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0px;
padding: 0px;
font-family: 'Satoshi', sans-serif;
}
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.static-content-row li {
list-style-type: none;
}
p {
margin: 0px;
}
img {
Width: 100%;
height: 100%;
}
.mt-40 {
margin-top: 40px;
}
body.body {
background: #F9F9F9;
}
.pad {
padding: 50px 0;
}
.extrapad {
padding: 120px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Satoshi', sans-serif;
}
.pad-100 {
padding: 70px 0;
}
.pb-0 {
padding-bottom: 0px;
}
.pt-0 {
padding-top: 0px;
}
.pl-0 {
padding-left: 0px;
}
.pr-0 {
padding-right: 0px;
}
.padt-200 {
padding-top: 150px;
}
.padb-200 {
padding-bottom: 150px;
}
.icon-img {
max-width: 100%;
max-height: 100%;
width: auto;
}
.main-body {
background-color: #f9f9f9;
}
.img-size {
height: 100%;
width: 100%;
object-fit: cover;
}
.heading-h1 {
font-family: 'Satoshi', sans-serif;
font-weight: 500;
font-size: 76px;
line-height: 79px;
text-align: center;
text-transform: capitalize;
color: #fff;
}
.heading-h1.left {
text-align: left;
}
.heading-h1.right {
text-align: right;
}
.heading-h1.center {
text-align: center;
}
.heading-h2 {
font-size: 61px;
font-weight: 500;
line-height: 63px;
letter-spacing: 0.02em;
text-align: left;
color: #222222;
text-transform: capitalize;
}
.heading-h4 {
font-size: 32px;
font-weight: 500;
line-height: 44px;
letter-spacing: 0.02em;
text-align: left;
color: #fff;
}
.main-body {
position: relative;
}
/* .main-body::after{
content: "";
width: 100%;
height: 20px;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
background: #ffffff;
position: absolute;
bottom: -18px;
z-index: 10;
} */
/* Grid CSS */
.grid {
display: grid;
-ms-grid-columns: (minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
-webkit-column-gap: 60px;
column-gap: 45px;
grid-row-gap: 80px;
position: relative;
}
.container-fluid {
max-width: 1340px;
padding: 0 15px;
}
.overflow-hidden {
overflow: hidden;
}
.bkg-style {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
section.package.pad-100 {
padding-top: 0;
padding-bottom: 100px;
}
/*Custom Presets*/
.banner-head-text {
font-family: 'Satoshi', sans-serif;
font-weight: 500;
font-size: 70px;
line-height: 74px;
text-align: center;
text-transform: capitalize;
}
@media(max-width: 1100px) {
.banner-head-text {
font-size: 60px;
line-height: 70px;
}
}
@media(max-width: 767px) {
.banner-head-text {
font-size: 35px;
line-height: 39px;
}
}
.section-heading1 {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 61px;
line-height: 68px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #222222;
}
@media(max-width: 1100px) {
.section-heading1 {
font-size: 50px;
line-height: 60px;
}
}
@media(max-width: 991px) {
.section-heading1 {
font-size: 40px;
line-height: 51px;
}
}
@media(max-width: 767px) {
.section-heading1 {
font-size: 28px;
line-height: 33.6px;
}
}
.section-heading2 {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 61px;
line-height: 63px;
letter-spacing: 0.02em;
text-transform: capitalize;
}
@media(max-width: 1100px) {
.section-heading2 {
font-size: 50px;
line-height: 60px;
}
}
@media(max-width: 991px) {
.section-heading2 {
font-size: 40px;
line-height: 51px;
}
}
@media(max-width: 767px) {
.section-heading2 {
font-size: 28px;
line-height: 33.6px;
}
}
.section-subhead-text {
font-family: 'Manrope';
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.03em;
color: #717171;
}
@media(max-width: 1100px) {
.section-subhead-text {
font-size: 14px;
}
}
@media(max-width: 767px) {
.section-subhead-text {
font-size: 16px;
line-height: 24.32px;
}
}
span.yellow-text {
display: inline-block;
border-style: none none solid;
border-width: 20px 37px 34px;
border-color: #FFF617;
line-height: 0;
}
@media(max-width: 991px) {
span.yellow-text {
border-width: 20px 37px 29px;
}
}
@media(max-width: 767px) {
span.yellow-text {
border-width: 20px 37px 19px;
}
}
.yellow-clip {
color: #FFF617;
}
.custom-container-1280 {
margin: 0 auto;
max-width: 1280px;
}
.custom-container-1314 {
margin: 0 auto;
max-width: 1314px;
padding-top: 200px;
}
@media(max-width: 1100px) {
.custom-container-1314 {
padding-left: 20px;
padding-right: 20px;
}
}
@media(max-width: 767px) {
.custom-container-1314 {
padding-top: 40px;
padding-bottom: 40px;
}
}
.invert {
filter: invert(1);
}
.black {
background: #111111;
}
.black_hover {
background: #111111;
}
.offwhite {
background: #f2f2f2;
}
.white {
background: #ffffff;
}
.white2 {
background: #F9F9F9;
}
label.error {
color: red !important;
}
/*Custom Presets Ends*/
/* Main Header start */
header.main-header {
position: fixed;
width: 100%;
z-index: 100;
transition: 0.4s ease all;
/* height: 110px;*/
}
header.main-header:hover {
margin-top: 0px !important;
}
header.main-header:hover {
background: #111;
}
header.main-header.black {
background: #111;
}
.black_toggle {
background: #111;
margin-top: 0px !important;
}
nav.navbar.navbar-expand-lg.main-navbar {
padding: 0;
justify-content: space-between;
position: inherit;
max-height: 110px;
}
nav.navbar.navbar-expand-lg.main-navbar .navbar-brand {
max-width: 160px;
max-height: 50px;
}
li.nav-item {
padding: 0 0;
transition: 0.4s ease all;
}
.main-navbar .navbar-brand img {
width: 100%;
}
.nav-link {
font-family: 'Satoshi', 'sans-serif';
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
text-transform: uppercase;
color: #fff;
transition: 0.3s ease all;
padding: 30px 16px;
z-index: 2;
position: relative;
}
header.main-header .navbar-expand-lg .navbar-nav .nav-link {
padding: 30px 16px;
}
li.nav-item:hover .nav-link {
color: #FFF617;
}
.collaspe-list {
display: flex;
align-items: center;
}
.primary-CTA {
background: #FFF617;
padding: 15px 42px 15px 12px;
font-family: 'Satoshi', sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 13px;
letter-spacing: 0.15em;
text-align: center;
color: #222222;
text-transform: uppercase;
justify-content: center;
position: relative;
overflow: hidden;
transition: 0.4s ease all;
height: 40px;
}
.primary-CTA:hover {
background: #C8B400;
color: #fff;
}
.primary-CTA:hover:before {
background: #fff;
}
.primary-CTA:hover span.CTA-arrow svg path {
stroke: #fff;
}
.primary-CTA:before {
content: "";
position: absolute;
width: 2px;
background: #222222;
right: 30px;
height: 100%;
transition: 0.4s ease all;
top: 0px;
}
span.CTA-arrow {
position: absolute;
right: 9px;
transition: 0.4s ease all;
top: 15px;
}
span.CTA-arrow svg {
width: 10px;
height: 12px;
transition: 0.4s ease all;
}
span.CTA-arrow svg path {
transition: 0.4s ease all;
}
.navbar-btn-wrapper .CTA-wrapper {
margin: 0 16px;
}
.hamburger-wrapper {
margin-left: 16px;
}
.navbar-btn-wrapper {
display: flex;
align-items: center;
}
span.nav-arrow {
padding-left: 5px;
}
.nav-link span.nav-arrow svg {
transition: 0.4s ease all;
}
.nav-link span.nav-arrow svg path {
transition: 0.4s ease all;
}
li.nav-item:hover .nav-link span.nav-arrow svg {
transform: rotate(180deg);
}
li.nav-item:hover .nav-link span.nav-arrow svg path {
stroke: #FFF617;
}
/* Dropdown start */
.main-dropdown-wrapper {
position: absolute;
width: 100%;
left: 0;
background: #F2F2F2;
top: 110px;
visibility: hidden;
opacity: 0;
transition: .2s ease all;
overflow: hidden;
/* min-height: 90px; */
z-index: 1;
height: 0px;
}
.hamburger-btn-mobile {
cursor: pointer;
}
.main-navbar .nav-item:hover > .main-dropdown-wrapper {
visibility: visible;
opacity: 1;
text-align: left;
box-shadow: 0 3px 5px -1px #ccc;
transition: .4s ease all;
/* top:106px;*/
top: 79px;
height: auto;
padding: 30px 50px;
-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.29);
-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.29);
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.29);
}
.hamburger-cross-btn {
display: none;
}
.main-header.black_toggle .hamburger-btn {
display: none;
}
.main-header.black_toggle .hamburger-cross-btn {
display: block;
cursor: pointer;
}
.dropdown-list {
display: flex;
align-items: center;
justify-content: center;
}
li.dropdown-li {
margin: 0 32px;
}
.dropdown-link {
font-family: 'Satoshi', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0.12em;
text-align: left;
color: #222222;
text-transform: uppercase;
transition: 0.5s ease all;
position: relative;
padding-bottom: 5px;
}
.dropdown-link:before {
content: "";
position: absolute;
width: 0;
height: 2px;
background-color: #C8B400;
bottom: 0px;
left: 0;
right: 0;
transition: 0.5s ease all;
}
.dropdown-link:hover {
color: #222222;
}
.dropdown-link:hover:before {
width: 100%;
}
/* Dropdown 2 Card */
.mm-flex {
display: flex;
align-items: start;
justify-content: center;
margin: 20px 0;
}
.mm-product-box {
width: 350px;
margin: 0 15px;
background: #fff;
border-radius: 16px;
padding: 12px 12px 30px 12px;
transition: 0.4s ease all;
}
.mm-product-box:hover .mm-product-arrow {
transform: translateX(5px);
}
.mm-product-arrow {
transition: 0.4s ease all;
}
.mm-product-img {
height: 0;
border-radius: 14px;
overflow: hidden;
position: relative;
padding-top: 70%;
}
.mm-product-img img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.image {
width: 100%;
height: 100%;
object-fit: cover;
}
.mm-product-content {
margin-top: 24px;
}
.mm-product-title-wrapper {
display: flex;
align-items: center;
transition: 0.4s ease all;
}
.mm-product-icon {
width: 25px;
height: 25px;
margin-right: 12px;
transition: 0.4s ease all;
}
h4.mm-product-title {
font-family: 'Satoshi', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19px;
letter-spacing: 0.03em;
text-align: left;
margin-right: 12px;
transition: 0.4s ease all;
}
p.mm-product-description {
font-family: 'Manrope', sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.03em;
text-align: left;
margin-top: 12px;
color: #343434;
transition: 0.4s ease all;
}
/* .dropdown-450{
min-height: 450px;
} */
.mm-product-box:hover {
background: #111111;
}
.mm-product-box:hover .mm-product-icon img {
filter: invert(1);
}
.mm-product-box:hover .mm-product-arrow svg path {
fill: #fff;
}
.mm-product-box:hover p.mm-product-description {
color: #EBEBEB;
}
.mm-product-box:hover h4.mm-product-title {
color: #FFFFFF;
}
.mm-product-arrow svg {
transition: 0.4s ease all;
}
.mm-product-arrow svg path {
transition: 0.4s ease all;
}
.mm-product-icon img {
transition: 0.4s ease all;
}
/* Dropdown end */
.hamburger-btn {
cursor: pointer;
}
/* Hamburger menu */
.hamburger-menu-wrapper {
background: #111;
position: relative;
width: 100%;
position: fixed;
width: 100%;
transform: translateY(-200%);
transition: 0.4s ease all;
left: 0;
z-index: 111;
top: 110px;
}
.hamburger-menu-wrapper.active {
transform: translateY(0%);
}
ul.navbar-nav.hide li.nav-item:last-child {
display: block !important;
}
ul.navbar-nav.hide li.nav-item {
display: none;
}
.hamburger-top {
/* padding: 15px 0; */
height: 80px;
}
.hamburger-bottom {
padding: 40px 0 50px;
border-top: 1px solid #fff;
}
.hamburger-bottom .mm-flex {
width: 60%;
margin: 0 auto;
}
.mm-col {
width: 33%;
}
h5.dropdown-link.yellow-color {
color: #FFF617;
margin-bottom: 24px;
}
.hamburger-box .dropdown-list {
display: block;
}
.hamburger-box li.dropdown-li {
margin: 0;
margin-bottom: 10px;
}
.hamburger-box a.dropdown-link {
color: #fff;
}
.hamburger-box {
padding: 0 40px;
}
h5.dropdown-link.yellow-color:before {
display: none;
}
.mobile-hamburger {
display: none;
}
/* Sidebar CSS Start */
.sidenav {
height: 100%;
width: 450px;
position: fixed;
z-index: 1;
top: 0;
left: -100%;
background-color: #fff;
overflow: hidden;
padding-top: 0px;
transition: 0.4s ease all;
z-index: 999999;
}
/* Sidebar CSS End */
/* Main Header End */
/*Main Footer Start*/
.main-footer {
background-color: #111111;
}
.upper-navlinks-wrapper ul li a svg path {
transition: 0.4s ease all;
}
.madeby-title {
color: #ffffff;
font-weight: 400;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.02em;
}
.social-links-img a:hover svg path {
stroke: #FFF617;
}
.madeby-title a {
color: #fff;
transition: 0.4s ease all;
}
.madeby-title a:hover {
color: #FFF617;
}
.madeby-title span {
margin: 0px 4px;
}
.main-footer img {
width: auto;
object-fit: cover;
}
.main-footer .footer-upper .upper-wrapper-container {
margin: 0 auto;
max-width: 1090px;
padding-top: 65px;
}
.main-footer .footer-upper .upper-top {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.main-footer .footer-upper .upper-top .top-heading h3 {
color: white;
font-size: 48px;
font-family: 'Satoshi', sans-serif;
font-weight: 500;
line-height: 57.6px;
letter-spacing: 0.02em;
text-transform: capitalize;
}
.main-footer .footer-upper .upper-top .social-links .social-links-text {
margin-bottom: 5px;
}
.main-footer .footer-upper .upper-top .social-links .social-links-text p {
font-family: 'Satoshi', sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #949494;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.main-footer .footer-upper .upper-top .social-links .social-links-img {
display: flex;
gap: 16px;
}
.main-footer .footer-upper .upper-mid {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 35px;
margin-bottom: 60px;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .input-email {
padding: 16px 0;
width: 258%;
border: none;
padding-left: 24px;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .input-email::placeholder {
font-family: 'Satoshi', sans-serif;
color: #B4B4B4;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .input-email:focus-visible {
outline: none;
}
.main-footer .footer-upper .upper-mid .newsletter-signup {
position: relative;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .signup-button {
position: absolute;
top: 0px;
left: 491px
}
.main-footer .footer-upper .upper-mid .newsletter-signup .signup-button svg {
position: absolute;
top: 20px;
left: 110px;
transition: 0.4s all ease-in-out;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .signup-button svg path {
transition: 0.4s all ease-in-out;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .sign-up {
background: #FFF73B;
color: #222222;
text-transform: uppercase;
padding: 20.5px 22px;
padding-right: 40px;
border: none;
font-family: 'Satoshi', sans-serif;
font-weight: 700;
color: #222222;
font-size: 16px;
line-height: 15.04px;
letter-spacing: 0.15em;
text-transform: uppercase;
transition: 0.4s all ease-in-out;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .signup-button:hover input.sign-up {
background: #C8B400;
color: white;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .signup-button:hover svg path {
stroke: white;
}
.main-footer .footer-upper .upper-mid .newsletter-text {
width: 30%;
}
.main-footer .footer-upper .upper-mid .newsletter-text p {
font-weight: 500;
font-size: 16px;
line-height: 24.32px;
text-align: right;
letter-spacing: 0.03em;
color: #949494;
}
.main-footer .footer-upper .upper-navlinks ul {
display: flex;
flex-direction: column;
gap: 8px;
}
.main-footer .footer-upper .upper-navlinks .upper-navlinks-wrapper {
display: flex;
justify-content: space-between;
}
.main-footer .footer-upper .upper-navlinks .upper-navlinks-wrapper p {
font-family: 'Satoshi', sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #949494;
margin-bottom: 8px;
}
.upper-navlinks-wrapper ul li a svg {
margin-left: 5px;
transition: 0.4s all ease-in-out;
width: 15px;
height: 14px;
padding-left: 1px;
}
.upper-navlinks-wrapper ul li a:hover svg path {
stroke: #FFF73B;
}
.upper-navlinks-wrapper ul li a {
font-weight: 400;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.02em;
color: #ffffff;
text-transform: capitalize;
transition: 0.4s all ease-in-out;
display: flex;
align-items: center;
}
.upper-navlinks-wrapper ul li a:hover {
color: #FFF73B;
}
.main-footer .footer-divider {
border: 1px solid #E5E5E5;
background-color: #E5E5E5;
height: 1px;
width: 100%;
color: #E5E5E5;
display: block;
margin-top: 50px;
}
.main-footer .footer-bottom .footer-bottom-container {
max-width: 1200px;
margin: 0 auto;
padding: 16px 0px 19px 0;
}
.main-footer .footer-bottom .footer-bottom-wrapper {
display: flex;
justify-content: space-between;
}
.main-footer .footer-bottom .footer-bottom-wrapper p {
color: #ffffff;
font-weight: 400;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.02em;
}
.main-footer .footer-bottom .footer-bottom-wrapper .bottom-right span {
padding: 0 5px;
}
.bottom-right {
width: 20%;
text-align: right;
}
.mobile-social-icon {
display: none;
}
.mobile-social-icon .social-links-img {
display: flex;
gap: 16px;
justify-content: end;
margin: 6px 0;
}
.madeby-title span svg {
width: 10px;
height: 11px;
}
/*Main Footer Ends*/
iframe.iframe-class {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* Homepage CSS Start */
/*Banner Section*/
section.main-banner {
min-height: 600px;
height: 100vh;
}
section.main-banner.bkg-style {
background-position: bottom;
background-color: #9ca2ab;
}
.main-banner .banner-wrapper {
/* height: 60vh; */
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
width: 50%;
color: white;
padding-top: 100px;
}
.banner-wrapper h1 {
overflow: hidden;
}
.banner-footer.active.banner-active {
background-color: #FFF617;
position: fixed;
bottom: 0px;
width: 100%;
z-index: 9999;
padding: 15px 0;
top: inherit !important;
opacity: 1;
transition: 0.4s ease all;
}
.banner-footer {
background-color: #FFF617;
position: relative;
bottom: 0px;
width: 100%;
z-index: 1;
opacity: 1;
padding: 15px 0;
top: inherit !important;
transition: 0.4s ease all;
}
.banner-footer .bf-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.banner-footer .bf-left h5 {
font-family: 'Satoshi', sans-serif;
font-weight: 500;
font-size: 22px;
line-height: 26px;
letter-spacing: 0.02em;
color: #222222;
}
.banner-footer .primary-CTA {
background: #111111;
color: white;
}
.banner-footer .primary-CTA:hover {
background: #C8B400;
color: #fff;
}
.banner-footer .primary-CTA:hover:before {
background: #fff;
}
.banner-footer .primary-CTA:hover span.CTA-arrow svg path {
stroke: #fff;
}
.banner-footer .primary-CTA:before {
content: "";
position: absolute;
width: 2px;
background: white;
right: 18%;
height: 100%;
top: 0;
transition: 0.4s ease all;
}
.banner-footer span.CTA-arrow svg {
width: 10px;
height: 12px;
transition: 0.4s ease all;
}
.banner-footer span.CTA-arrow svg path {
transition: 0.4s ease all;
stroke: white;
}
.banner-footer .CTA-wrapper {
min-width: 155px;
}
.banner-footer .bf-right {
display: flex;
align-items: center;
column-gap: 45px;
}
.banner-footer .bf-right .bf-contact-us a {
font-family: 'Satoshi', sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 18px;
text-align: right;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #222222;
}
@media(max-width: 1100px) {
.banner-footer .bf-left h5 {
font-size: 20px;
}
.banner-footer {
top: 625px;
}
.main-banner .banner-wrapper {
width: 55%;
}
/* .main-banner .banner-bg{
background-image: url("../img/Homepage/banner-bg2.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 100vh;
} */
}
@media(max-width: 991px) {
.main-banner .banner-wrapper {
width: 100%;
}
}
@media(max-width: 767px) {
.mob-stick {
display: flex;
flex-direction: column;
margin-top: -32px;
position: fixed;
top: 93%;
z-index: 99999;
}
.mob-stick .cta-stick {
display: flex;
}
.mob-stick .stick-text {
background: rgba(255, 255, 255, 0.6);
padding: 4px 0;
}
.mob-stick .stick-text p {
text-align: center;
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.stick-but {
background-color: #FFF617;
padding: 16px 24px;
position: relative;
}
.stick-but a {
font-family: 'Satoshi', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19px;
letter-spacing: 0.08em;
text-transform: capitalize;
text-align: center;
color: #000000;
}
.dull {
background-color: #FFFA7F;
}
.dull a {
color: #222222;
}
.cta-stick span {
padding-left: 4px;
position: absolute;
top: 23px;
right: 38px;
}
.banner-footer {
display: none;
}
}
/* Banner Slider section start */
.slider-banner {
position: relative;
/* display:flex;
align-items:center;
justify-content:center */
}
.swiper-banner-img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.swiper-box {
width: 100%;
position: relative;
height: 100%;
display: flex;
align-items: start;
/* justify-content: start; */
}
.main-banner.slider-banner .banner-wrapper {
padding-top: 170px;
}
.swiper-banner-img img {
object-fit: cover;
}
.slider-banner .swiper-button-next,
.swiper-button-prev {
color: #111 !important;
/* font-weight:bold; */
}
/* Banner Slider section end */
/*Banner Section Ends*/
/* Grid action */
.fact-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-top: 50px;
position: relative;
z-index: 90;
}
.fact-box.grey {
background-color: #F2F2F2;
}
.fact-box {
background-color: #fff;
/* box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.29); */
}
.facts .fact-box .f-text {
width: 100%;
}
/* Automation Solution */
.solution-section .primary-CTA {
background: black;
color: white;
}
.solution-section span.CTA-arrow {
right: 5px;
}
.solution-section .primary-CTA:hover {
background: #C8B400;
color: #fff;
}
.solution-section .primary-CTA:before {
background: white;
right: 15%;
}
.solution-section span.CTA-arrow svg path {
stroke: white;
}
.solution-section .head-cta {
text-align: center;
}
.solution-section .head-cta h2 {
margin: 0 auto;
width: 70%;
color: black;
}
.solution-section .head-cta p {
margin: 0 auto;
width: 50%;
padding: 24px 0 40px 0;
}
.solution-section .foot-grid .fg-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 22px;
margin-top: 65px;
}
.solution-section .foot-grid .fg-wrapper .fg-grid {
background-color: #ffffff;
padding: 10px 10px 30px 10px;
border-radius: 16px;
overflow: hidden;
transition: 0.4s all ease-in-out;
cursor: pointer;
height: 100%;
}
.solution-section .foot-grid .fg-wrapper .fg-grid:hover {
background: #111111;
}
.solution-section .foot-grid .fg-wrapper .fg-grid:hover .icon.invert {
filter: invert(0%);
}
.solution-section .foot-grid .fg-wrapper .fg-grid:hover .icon {
filter: invert(1);
}
.solution-section .foot-grid .fg-wrapper .fg-grid:hover .arrow {
filter: invert(1);
}
.solution-section .foot-grid .fg-wrapper .fg-grid:hover p {
color: white;
}
.solution-section .foot-grid .fg-wrapper .fg-grid:hover .arrow img {
transform: translateX(5px);
}
.solution-section .foot-grid .fg-wrapper .fg-grid .fg-img {
height: 0;
border-radius: 12px;
overflow: hidden;
position: relative;
padding-top: 70%;
}
.fg-img img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.solution-section .foot-grid .fg-wrapper .fg-grid .fg-text1 {
font-family: 'Satoshi', sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 26px;
letter-spacing: 0.03em;
color: #222222;
padding-top: 20px;
padding-bottom: 12px;
transition: 0.4s all ease-in-out;
display: flex;
align-items: center;
}
.solution-section .foot-grid .fg-wrapper .fg-grid .fg-text2 {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.03em;
color: #717171;
transition: 0.4s all ease-in-out;
}
.solution-section .foot-grid .fg-wrapper .fg-grid .icon {
margin-right: 8px;
transition: 0.4s all ease-in-out;
}
.solution-section .foot-grid .fg-wrapper .fg-grid .arrow img {
transition: 0.4s all ease-in-out;
}
.solution-section .foot-grid .fg-wrapper .fg-grid .arrow {
padding-left: 8px;
transition: 0.4s all ease-in-out;
}
span.icon {
width: 30px;
height: 30px;
display: inline-block;
}
span.arrow {
width: 24px;
height: 12px;
display: inline-block;
}
@media(max-width: 991px) {
.solution-section .head-cta h2 {
width: 70%;
}
.solution-section .head-cta p {
width: 65%;
}
.solution-section .foot-grid .fg-wrapper {
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 32px;
}
}
@media(max-width: 767px) {
.solution-section .custom-container-1314 {
padding-top: 60px;
}
.solution-section .head-cta {
text-align: left;
}
.solution-section .head-cta h2 {
width: 80%;
margin: 0;
}
.solution-section .head-cta p {
font-size: 16px;
line-height: 24px;
margin: 0;
width: 84%;
padding-top: 4px;
}
.foot-grid {
margin-top: 20px;
overflow-x: auto;
width: 100%;
}
.foot-grid {
margin-top: 0;
}
}
/* Automation Solution Ends*/
/*Tabs Section*/
.mob-acc {
display: none;
}
.tab-section .primary-CTA {
background: black;
color: white;
}
.tab-section .primary-CTA:hover {
background: #C8B400;
color: #fff;
}
.tab-section .primary-CTA:before {
background: white;
}
.tab-section span.CTA-arrow svg path {
stroke: white;
}
.tab-section .tb-container {
margin: 0 auto;
max-width: 1220px;
}
.tab-section .tb-wrapper {
display: flex;
min-height: 548px;
border-radius: 16px;
overflow: hidden;
position: relative;
}
.tab-section .tab {
background: #ffffff;
display: flex;
flex-direction: column;
padding: 89px 0px 0 40px;
width: 26%;
}
.tab-section .tab h4 {
font-family: 'Satoshi', sans-serif;
font-weight: 500;
font-size: 32px;
line-height: 44px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #222222;
margin-bottom: 16px;
}
.tab-section .tab .tablinks {
color: #CECECE;
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 27px;
padding-left: 15px;
}
.tab-section .tab .tablinks:last-child {
margin-bottom: 0px;
}
.tab-section .tab .tablinks.active {
color: #222222;
position: relative;
}
.tab-section .tab .tablinks.active:before {
content: "";
height: 8px;
width: 8px;
position: absolute;
background-color: #FEE931;
top: 5px;
left: 2px;
border-radius: 50%;
overflow: hidden;
}
.tab-section .tab .tablinks {
text-align: left;
}
.tab-section .tabcontent {
background: #F2F2F2;
display: flex;
padding: 89px 24px 30px 60px;
width: 76%;
column-gap: 40px;
}
.tab-section .tabcontent h4 {
font-family: 'Satoshi', sans-serif;
font-weight: 500;
font-size: 32px;
line-height: 44px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #222222;
margin-bottom: 24px;
}
.tab-section .tabcontent p {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.03em;
color: #717171;
margin-bottom: 16px;
}
.tab-section .tabcontent ul {
list-style: disc;
padding-left: 40px;
display: flex;
flex-direction: column;
row-gap: 10px;
margin-bottom: 24px;
}
.tab-section .tabcontent ul li {
font-family: 'Manrope';
font-weight: 500;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.03em;
color: #959595;
}
.tab-section .tb-ab {
position: absolute;
bottom: 0;
left: 25.5%;
height: 90px;
}
.tab-section .tabcontent .tc-video-wrapper {
height: 0;
border-radius: 12px;
overflow: hidden;
position: relative;
padding-top: 60%;
border-radius: 8px;
}
.tc-video-wrapper img {
position: absolute;
object-fit: cover;
top: 0;
left: 0;
object-fit: contain;
}
.tc-left {
width: 50%;
}
.tc-right {
width: 50%;
}
@media(max-width: 1100px) {
.tab-section .tb-container {
padding-left: 20px;
padding-right: 20px;
}
.tab-section .tab {
width: 28%;
}
.tab-section .tab h4 {
font-size: 28px;
line-height: 36px;
}
.tab-section .tabcontent h4 {
font-size: 28px;
line-height: 36px;
}
.tab-section .tabcontent p {
font-size: 14px;
line-height: 22px;
}
.tab-section .tabcontent {
padding-left: 40px;
}
.tab-section .tb-ab {
left: 27%;
}
}
@media(max-width: 991px) {
.tab-section .tab {
width: 38%;
padding: 57px 0px 0 15px;
}
.tab-section .tab h4 {
margin-bottom: 40px;
}
.tab-section .tabcontent {
flex-direction: column;
padding: 60px 24px 50px 60px;
}
.tab-section .tb-ab {
height: 70px;
left: 33%;
}
}
@media(max-width: 767px) {
.tab-section {
display: none;
}
.mob-acc {
display: block;
}
}
/*Tabs Section Ends*/
/*Image Overflow Section*/
.img-overflow .io-wrapper {
position: relative;
}
.img-overflow .robot-img img {
width: 100%;
height: auto;
}
.img-overflow .io-upper h2 {
color: #ffffff;
margin-bottom: 40px;
}
.img-overflow .io-upper p {
color: #ffffff;
width: 90%;
margin-left: auto;
}
.img-overflow .robot-wrapper {
position: relative;
z-index: 5;
}
.img-overflow .robot-wrapper:before {
content: "";
background: transparent;
height: 65%;
width: 100%;
position: absolute;
top: 307px;
z-index: -1;
}
.img-overflow .io-upper-text {
text-align: right;
width: 55%;
margin-left: auto;
position: absolute;
top: 25%;
right: 80px;
z-index: 5;
}
.img-overflow .io-grid {
background: #000;
position: relative;
z-index: 2;
margin-top: -2px;
}
.img-overflow .io-grid-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: end;
grid-column-gap: 122px;
}
.img-overflow .io-grid-wrapper .io-item {
text-align: center;
height: 100%;
}
.img-overflow .io-grid-wrapper .g-head {
font-family: 'Satoshi', sans-serif;
font-weight: 500;
font-size: 21px;
line-height: 25px;
text-align: center;
letter-spacing: 0.08em;
text-transform: capitalize;
color: #FFFFFF;
margin: 0 auto;
width: 62%;
margin-top: 20px;
margin-bottom: 12px;
}
.img-overflow .io-grid-wrapper .g-text {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: 0.03em;
color: #B4B4B4;
}
.robot-mob {
display: none;
}
.io-img {
width: 75px;
height: 75px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.io-img img {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
@media(max-width: 1100px) {
.img-overflow .io-upper-text {
width: 58%;
top: 25%;
right: 45px;
}
.img-overflow .robot-wrapper:before {
top: 208px;
}
.img-overflow .io-grid-wrapper {
grid-column-gap: 96px;
}
.img-overflow .io-grid-wrapper .g-head {
width: 75%;
}
.img-overflow .io-grid-wrapper .g-text {
font-size: 14px;
}
}
@media(max-width: 991px) {
.img-overflow .robot-wrapper:before {
top: 155px;
}
.img-overflow .io-upper-text {
top: 12%;
right: 25px;
}
.img-overflow .io-upper h2 {
font-size: 36px;
line-height: 47px;
margin-bottom: 25px;
}
.img-overflow .io-upper p {
width: 100%;
}
.img-overflow .io-grid-wrapper .g-head {
width: 100%;
font-size: 20px;
}
.img-overflow .io-grid-wrapper {
grid-column-gap: 70px;
}
}
@media(max-width: 767px) {
.img-overflow {
display: none;
}
.robot-mob {
display: block;
background: #000000;
}
.robot-mob .rob-wrapper {
display: flex;
flex-direction: column;
}
.robot-mob .rob-container {
padding: 40px 20px;
margin-top: 80px;
}
.robot-mob .ro-img {
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.robot-mob .ro-img img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.robot-mob .rob-img {
height: 314px;
}
.rob-wrapper .rob-text {
display: flex;
flex-direction: column;
row-gap: 8px;
}
.rob-wrapper .rob-text h2 {
color: #ffffff;
width: 90%;
}
.rob-wrapper .rob-text p {
color: #EBEBEB;
width: 74%;
}
.rob-wrapper .rob-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 40px;
text-align: center;
margin-top: 80px;
}
.rob-grid .ro-head {
font-family: 'Satoshi', sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0.12em;
text-align: center;
text-transform: capitalize;
margin: 0 auto;
margin-top: 24px;
margin-bottom: 6px;
width: 85%;
color: #FFFFFF;
}
}
/*Image Overflow Section Ends*/
/*Free Trail*/
.free-trail .ft-wrapper {
display: flex;
justify-content: space-between;
padding: 100px 0;
}
.free-trail .ft-left {
width: 65%;
align-self: center;
padding-right: 120px;
}
.free-trail .ft-logo {
height: 90px;
padding-bottom: 12px;
width: 90px;
display: flex;
align-items: center;
justify-content: center;
}
.ft-logo img {
max-height: 100%;
max-width: 100%;
height: auto;
width: auto;
}
.ft-wrapper .ft-right {
width: 35%;
}
.free-trail .section-subhead-text {
width: 80%;
padding-top: 34px;
padding-bottom: 40px;
}
.free-trail .primary-CTA {
background: black;
color: white;
padding-right: 40px;
}
.free-trail .primary-CTA:hover {
background: #C8B400;
color: #fff;
}
.free-trail .primary-CTA:before {
background: white;
}
.free-trail span.CTA-arrow svg path {
stroke: white;
}
.free-trail .ft-img {
/* height: 620px; */
border-radius: 8px;
overflow: hidden;
height: 0px !important;
position: relative;
padding-top: 120%;
}
.free-trail .ft-img img {
object-fit: cover;
position: absolute;
top: 0px;
left: 0px;
}
.free-trail-wrapper .ft-wrapper:nth-child(even) {
flex-direction: row-reverse;
}
.free-trail-wrapper .ft-wrapper:nth-child(even) .ft-left {
padding-left: 120px;
padding-right: 0px;
}
.p-footer p {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #686868;
}
.p-footer span a {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #222222 !important;
}
.dc {
position: relative;
}
.dc::after {
content: "";
height: 1px;
width: 100%;
background: black;
color: black;
position: absolute;
left: 0;
top: 15px;
}
/*.ft-left .primary-CTA {
padding-right: 60px;
}*/
.p-footer {
margin-top: 130px;
width: 48%;
}
@media(max-width: 1100px) {
.free-trail .ft-img {
height: 530px;
}
}
@media(max-width: 991px) {
.free-trail .ft-left {
width: 48%;
}
.free-trail .ft-img {
height: 410px;
}
}
@media(max-width: 767px) {
.free-trail .custom-container-1314 {
padding-top: 80px;
}
.free-trail .ft-wrapper {
flex-direction: column;
}
.free-trail .ft-left {
width: 100%;
}
.free-trail .ft-logo {
height: 70px;
padding-bottom: 6px;
width: 70px;
}
.free-trail .section-heading2 {
width: 80%;
}
.free-trail .section-subhead-text {
width: 90%;
}
.free-trail .section-subhead-text {
padding-top: 14px;
}
.free-trail .ft-right {
padding-top: 60px;
margin-right: -20px;
}
.free-trail .ft-img {
height: 320px;
}
}
/*Free Trail Ends*/
/*Dorna Quick Facts*/
.facts {
position: relative;
}
.facts::before {
position: absolute;
content: "";
height: 16%;
width: 100%;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
background-color: #ffffff;
bottom: 0;
z-index: -1;
}
.facts .f-icon {
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.facts .f-icon img {
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
}
.facts .f-wrapper {
display: flex;
flex-direction: column;
row-gap: 32px;
margin-top: 77px;
position: relative;
z-index: 10;
}
.facts .f-inner {
display: flex;
column-gap: 32px;
/* min-height: 350px; */
}
.facts .f-text {
text-align: center;
border-radius: 8px;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 65%;
}
.facts .f-text h3 {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 58px;
text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;
margin-top: 21px;
margin-bottom: 8px;
}
.facts .f-text p {
width: 75%;
margin: 0 auto;
margin-bottom: 50px;
}
.facts .f-text.black h3 {
color: #ffffff;
}
.facts .f-text.black p {
color: #ffffff;
}
.facts .f-img-container {
/* height: 401px; */
border-radius: 8px;
overflow: hidden;
position: relative;
padding-top: 100%;
height: 0px !important;
}
.facts .f-img-container img {
object-fit: cover;
position: absolute;
top: 0px;
left: 0px;
}
.facts .f-inner:nth-child(even) {
flex-direction: row-reverse;
}
.facts .primary-CTA {
background: black;
color: white;
}
.facts .f-text.black .primary-CTA {
background: white;
color: #222222;
}
.facts .primary-CTA:hover {
background: #C8B400;
color: #fff;
}
.facts .primary-CTA:before {
background: white;
}
.facts .f-text.black .primary-CTA:before {
background: #222222;
}
.facts span.CTA-arrow svg path {
stroke: white;
}
.facts .f-text.black span.CTA-arrow svg path {
stroke: #222222;
}
.facts .f-text.black .primary-CTA:hover {
background: #C8B400;
color: #fff;
}
.facts .f-text.black .primary-CTA:hover span.CTA-arrow svg path {
stroke: #fff;
}
section.facts {
position: relative;
}
section.facts:before {
content: "";
position: absolute;
width: 100%;
background: #fff;
bottom: 0;
height: 50%;
left: 0;
right: 0;
z-index: 1;
display: none;
}
.f-img {
width: 35%;
}
@media(max-width: 1100px) {
.facts .f-text p {
width: 66%;
}
.facts .f-text h3 {
font-size: 40px;
line-height: 49px;
}
}
@media(max-width: 991px) {
.facts .f-icon {
height: 75px;
width: 75px;
}
.facts .f-text h3 {
font-size: 36px;
line-height: 46px;
}
.facts .f-text p {
width: 80%;
}
}
@media(max-width: 767px) {
.facts .f-wrapper {
margin-top: 27px;
}
.facts .f-inner {
flex-direction: column;
}
.facts .f-text {
padding: 24px 0;
}
.facts .f-icon {
height: 60px;
margin: 0;
width: 60px;
}
ul.etu-list li p {}
.facts .f-text h3 {
font-size: 22px;
line-height: 26px;
margin-top: 24px;
margin-bottom: 6px;
}
.facts .f-text p {
font-size: 14px;
line-height: 21px;
width: 71%;
margin-bottom: 24px;
}
.facts .f-img-container {
height: 315px;
}
.facts .f-img {
margin-top: 16px;
}
.facts .f-inner:nth-child(even) {
flex-direction: column;
}
}
/*Dorna Quick Facts Ends*/
/*Efficient*/
.efficient .eff-img-container {
/* height: 456px; */
border-radius: 8px;
overflow: hidden;
height: 0px !important;
position: relative;
padding-top: 100%;
}
.eff-left {
width: 38%;
}
.efficient .eff-img-container img {
position: absolute;
top: 0px;
left: 0px
}
.efficient .eff-wrapper {
display: flex;
column-gap: 75px;
}
.efficient .eff-right {
width: 60%;
align-self: center;
}
.efficient .eff-right .CTA-wrapper {
margin-top: 30px;
}
.efficient .primary-CTA {
background: black;
color: white;
}
.efficient .primary-CTA:hover {
background: #C8B400;
color: #fff;
}
.efficient .primary-CTA:before {
background: white;
/* right: 15%; */
right: 26px;
}
.efficient span.CTA-arrow svg path {
stroke: white;
}
@media(max-width: 767px) {
.efficient .eff-wrapper {
flex-direction: column-reverse;
}
.efficient .eff-right {
align-self: auto;
width: 70%;
}
.efficient .eff-right .CTA-wrapper {
margin-top: 40px;
}
.efficient .eff-img-container {
height: 356px;
}
.efficient .eff-left {
margin-top: 40px;
}
}
/*Efficient Ends*/
/*Testimonial Carousel*/
.testimonial .t-body {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 29px;
letter-spacing: 0.02em;
padding-bottom: 24px;
}
.testimonial .t-name {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.03em;
}
.testimonial .t-com {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #B4B4B4;
}
.testimonial .tu-left {
background: #111111;
border-radius: 16px;
color: #ffffff;
width: 36%;
text-align: center;
padding: 89px 30px;
}
.tu-left .t-com {
color: #898989;
}
.testimonial .tu-right {
background: #F9F9F9;
border-radius: 16px;
display: flex;
width: 64%;
column-gap: 32px;
padding: 48px 32px 48px 40px;
align-items: center;
}
.t-text {
width: 59%;
align-self: center;
}
.testimonial .tb-left {
background: #F9F9F9;
border-radius: 16px;
width: 64%;
column-gap: 32px;
display: flex;
padding: 48px 32px 48px 40px;
align-items: center;
}
.testimonial .tb-right {
background: #f2f2f2;
border-radius: 16px;
width: 36%;
text-align: center;
padding: 89px 30px;
}
.testimonial .t-img {
/* height: 256px; */
border-radius: 8px;
overflow: hidden;
position: relative;
height: 0px !important;
padding-top: 35%;
width: 40%;
}
.testimonial .t-img img {
position: absolute;
top: 0px;
left: 0px;
}
.testimonial .t-upper {
display: flex;
column-gap: 32px;
margin-bottom: 21px;
}
.testimonial .t-bottom {
display: flex;
column-gap: 32px;
}
.testimonial .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #222222;
}
.testimonial .owl-theme .owl-dots {
margin-top: 64px !important;
}
.testimonial .owl-theme .owl-dots .owl-dot span {
width: 33px;
height: 4px;
margin: 5px 10px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 15px;
}
.mob-test {
display: none;
}
@media(max-width: 1100px) {
.testimonial .t-body {
font-size: 16px;
line-height: 25px;
}
.testimonial .t-name {
font-size: 14px;
line-height: 24px;
}
.testimonial .t-img {
height: 245px;
}
.testimonial .tu-left {
padding: 0 30px;
padding-top: 90px;
}
.testimonial .tb-right {
padding: 0 30px;
padding-top: 90px;
}
}
@media(max-width: 991px) {
.testimonial .t-img {
height: 190px;
}
.testimonial .tu-left {
padding-top: 50px;
}
.testimonial .tu-right {
padding: 46px 25px 48px 25px;
}
.testimonial .tb-left {
padding: 46px 25px 48px 25px;
}
.testimonial .tb-right {
padding-top: 50px;
}
.testimonial .owl-theme .owl-dots .owl-dot span {
width: 28px;
height: 4px;
margin: 5px 7px;
}
}
@media(max-width: 767px) {
.mob-test {
display: block;
}
.testimonial {
display: none;
}
.mob-test .mt-body {
font-family: 'Satoshi', sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0.02em;
text-align: center;
margin: 0 auto;
margin-bottom: 16px;
color: #FFFFFF;
width: 85%;
}
.mob-test .mt-name {
font-size: 14px;
font-weight: 500;
line-height: 21px;
letter-spacing: 0.03em;
text-align: center;
color: #FFFFFF;
}
.mob-test .mt-com {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.13em;
text-align: center;
color: #898989;
}
.mob-test .items {
padding: 40px 16px;
background-color: #111111;
border-radius: 16px;
max-width: 360px;
margin: 0 auto;
}
.mob-test .items:nth-child(even) {
background-color: #ffffff;
}
.mob-test .owl-theme .owl-dots .owl-dot span {
width: 33px;
height: 4px;
margin-right: 10px;
background: #E7E7E7;
}
.mob-test .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #222222;
}
}
/*Testimonial Carousel Ends*/
/*Dorna Blogs*/
#homepage .blogs {
padding-bottom: 130px;
}
.blogs .blogs-head {
display: flex;
justify-content: space-between;
align-items: center;
}
.blogs .blog-img {
height: 0;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
overflow: hidden;
position: relative;
padding-top: 100%;
}
.blog-img img {
position: absolute;
left: 0;
top: 0;
object-fit: cover;
}
.blogs .blogs-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 25px;
margin-top: 70px;
grid-row-gap: 25px;
}
.blogs .b-title {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #5C5C5C;
/* margin-top: 16px; */
margin-bottom: 3px;
}
.blogs .b-head {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 21px;
line-height: 25px;
letter-spacing: 0.08em;
/*text-transform: uppercase;*/
color: #222222;
margin-bottom: 11px;
transition: 0.4s ease all;
}
.blogs .b-body {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.06em;
color: #717171;
}
.blogs .b-body.reading-time {
color: #5C5C5C;
font-weight: 600;
font-size: 13px;
margin-top: 10px;
}
.blogs .blog-inner a {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.15em;
text-transform: capitalize;
color: #222222;
position: relative;
margin-top: 20px;
transition: 0.4s ease all;
padding-bottom: 0px;
}
.blogs .blog-inner a:hover:after {
background-color: #C8B400;
}
.blogs .blog-inner a::after {
content: "";
position: absolute;
height: 1px;
width: 100%;
background-color: #222222;
left: 0;
bottom: 0;
transition: 0.4s ease all;
}
.blogs .primary-CTA {
background: black;
color: white;
}
.blogs .primary-CTA:hover {
background: #C8B400;
color: #fff;
}
.blogs .primary-CTA:before {
background: white;
/* right: 14%; */
right: 30px;
}
.blogs span.CTA-arrow svg path {
stroke: white;
}
.blogs .blogs-wrapper .blog-inner .blog-img > a {
position: initial;
text-transform: none;
}
.blogs .blogs-wrapper .blog-inner .blog-img > a::after {
display: none;
}
.blogs .blog-inner .blog-content a {
margin: 0;
}
.blog-inner .blog-content a:after {
display: none;
}
/*
.blog-content {
padding: 20px 0 0;
}
*/
@media(max-width: 1100px) {
.blogs .b-head {
font-size: 18px;
line-height: 22px;
}
.blogs .blog-inner a {
margin-top: 25px;
}
}
@media(max-width: 991px) {
.blogs .blogs-wrapper {
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 32px;
}
}
@media(max-width: 767px) {
.blogs .blogs-wrapper {
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 64px;
}
.blogs .blog-inner {
display: flex;
/* flex-direction: row-reverse; */
gap: 15px;
position: relative;
align-items: center;
flex-direction: column;
}
.blogs .blog-img {
width: 100%;
}
.blogs .b-text {
width: 100%;
}
/* .blogs .blog-inner:not(:last-child)::after{
content: "";
height: 1px;
width: 100%;
position: absolute;
top: 231px;
background: #E7E7E7;
} */
.blogs .b-body {
display: none;
}
.blogs .b-text {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 5px 0;
}
/* .blogs .CTA-wrapper{
display: none;
} */
.blogs .CTA-wrapper.mob {
display: block;
}
.blogs .blogs-head {
flex-direction: column;
gap: 16px;
}
}
/*Dorna Blogs Ends*/
/* Homepage CSS END */
@media(max-width: 1100px) {
.main-footer .footer-bottom .footer-bottom-container {
padding-left: 10px;
padding-right: 10px;
}
.main-footer .footer-upper .upper-wrapper-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media(max-width: 991px) {
/* Header CSS Start */
.collaspe-list {
display: none;
}
header.main-header {
padding: 5px 0;
height: 78px;
}
.mobile-hamburger {
display: flex;
align-items: center;
}
nav.navbar.navbar-expand-lg.main-navbar {
padding: 0 10px;
padding-top: 14px;
max-height: 110px;
}
.sidenav_menu {
padding: 12px 24px 90px;
overflow-x: scroll;
height: calc(100vh - 200px);
-webkit-overflow-scrolling: auto;
}
.sidenav.active {
left: 0;
opacity: 1;
}
ul.cd-nav__primary .nav-link {
color: #222222;
margin: 0;
padding: 20px 0;
}
.sidenav_top {
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
width: 100%;
background: #fff;
border-bottom: 1px solid #e5e5e5;
z-index: 999;
top: 0;
height: 80px;
}
/*
a.sd_logo img {
filter: invert(1);
}
*/
a.closebtn svg path {
stroke: #111;
}
.sidenav_menu .nav-item-li {
border-bottom: 1px solid #F2F2F2;
}
ul.dropdown {
display: none;
padding-left: 25px;
}
li.has_subs span.nav-arrow svg path {
stroke: #111;
}
li.has_subs .nav-link {
display: flex;
align-items: center;
justify-content: space-between;
}
ul.dropdown li:first-child a.nav-link {
padding-top: 10px;
}
ul.dropdown li a.nav-link {
padding: 14px 0px;
}
span.nav-arrow svg {
transition: 0.4s ease all;
}
.nav-link.active span.nav-arrow svg {
transform: rotate(180deg);
}
li.dropdown_list.nav-item-li ul.dropdown {
display: block;
}
.fixed-wrapper {
position: absolute;
bottom: 0;
padding: 25px;
width: 100%;
background: #fff;
z-index: 999;
}
.button-wrapper .primary-CTA:first-child {
margin-bottom: 16px;
}
.button-wrapper .primary-CTA {
display: block;
}
/* Header CSS end */
.main-footer .footer-bottom .footer-bottom-wrapper .bottom-right span {
padding: 0 5px;
width: 20px;
}
.footer-upper {
position: relative;
}
.main-footer .footer-upper .upper-wrapper-container {
padding-left: 20px;
padding-right: 20px;
}
.main-footer .footer-upper .upper-top .social-links {
position: absolute;
top: 281px;
}
.main-footer .footer-upper .upper-mid {
flex-direction: column;
margin-top: 35px;
}
.main-footer .footer-upper .upper-mid .newsletter-text {
width: 100%;
text-align: left;
margin-top: 15px;
}
.main-footer .footer-upper .upper-mid .newsletter-text p {
text-align: left;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .input-email {
width: 491px;
}
.main-footer .footer-upper .upper-navlinks .upper-navlinks-wrapper {
justify-content: initial;
flex-wrap: wrap;
column-gap: 185px;
row-gap: 60px;
}
.main-footer .footer-bottom .footer-bottom-container {
padding-left: 10px;
padding-right: 10px;
}
}
@media(max-width: 767px) {
.main-footer .footer-upper .upper-top .top-heading h3 {
font-size: 31px;
line-height: 40px;
}
.main-footer .footer-upper .upper-top .social-links {
top: 280px;
}
.main-footer .footer-upper .upper-navlinks .upper-navlinks-wrapper {
column-gap: 195px;
}
.main-footer .footer-bottom .footer-bottom-wrapper {
flex-direction: column;
align-items: center;
gap: 10px;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .input-email {
width: 251.4px;
padding: 10px 0;
padding-left: 10px;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .signup-button {
left: 251px;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .sign-up {
padding: 14.5px 22px;
padding-right: 40px;
font-size: 14px;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .signup-button svg {
top: 16px;
height: 13px;
left: 102px;
}
}
@media(max-width: 500px) {
.sidenav {
width: 100%;
}
}
.mob-stick {
display: none;
}
/* Our service pages start */
/*Customization Section*/
.c-content {
display: flex;
flex-direction: column;
row-gap: 30px;
margin-top: 70px;
}
.c-content .c-card {
display: flex;
align-items: center;
margin: 0 auto;
width: 87%;
column-gap: 130px;
background: #F2F2F2;
padding: 80px 70px;
position: relative;
border-radius: 8px;
}
.c-card:after {
content: "";
position: absolute;
background-image: url('../img/our-services/c-odd.svg');
background-repeat: no-repeat;
background-position: center;
top: 0;
right: 0;
height: 120px;
width: 120px;
}
.c-card:nth-child(even) {
flex-direction: row-reverse;
background: #ffffff;
}
.c-card:nth-child(even):after {
content: "";
position: absolute;
background-image: url('../img/our-services/c-even.svg');
background-repeat: no-repeat;
background-position: center;
top: 0;
right: 0;
height: 120px;
width: 120px;
}
.c-left .c-img {
height: 180px;
width: 180px;
display: flex;
justify-content: center;
align-items: center;
}
.c-left .c-img img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.c-right p {
color: #343434;
}
.c-right h3 {
color: #222222;
font-family: 'Satoshi', sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 58px;
letter-spacing: 0.02em;
text-align: left;
text-transform: capitalize;
margin-bottom: 24px;
}
/*Customization Section Ends*/
/*Customization Work*/
.c-work .cw-head {
display: flex;
justify-content: space-between;
align-items: center;
}
.c-work .cw-img {
height: 200px;
border-radius: 8px;
overflow: hidden;
}
.c-work .cw-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 25px;
margin-top: 70px;
}
.c-work .b-title {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #5C5C5C;
margin-top: 16px;
margin-bottom: 3px;
}
.c-work .b-head {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 21px;
line-height: 25px;
letter-spacing: 0.08em;
/*text-transform: uppercase;*/
color: #222222;
margin-bottom: 11px;
}
.c-work .b-body {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.06em;
color: #717171;
}
.c-work .cw-inner a {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #222222;
position: relative;
margin-top: 40px;
}
.c-work .cw-inner a::after {
content: "";
position: absolute;
height: 1px;
width: 100%;
background-color: #222222;
left: 0;
bottom: 0;
}
.c-work .primary-CTA {
background: black;
color: white;
}
.c-work .primary-CTA:hover {
background: #C8B400;
color: #fff;
}
.c-work .primary-CTA:before {
background: white;
right: 14%;
}
.c-work span.CTA-arrow svg path {
stroke: white;
}
section.facts.before:before {
display: none;
}
/*Contact Here*/
.cf-wrapper {
display: flex;
column-gap: 70px;
}
.cf-left {
width: 45%;
display: flex;
flex-direction: column;
}
.cf-left h2 {
margin-bottom: 24px;
}
.cf-left p {
width: 90%;
}
.cf-left .cf-img {
/* height: 100%; */
height: 0;
border-radius: 8px;
overflow: hidden;
margin-top: 55px;
position: relative;
padding-top: 100%;
}
.cf-left .cf-img img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
}
.cf-right {
width: 55%;
background: #ffffff;
padding: 24px 24px 40px 24px;
border-radius: 8px;
overflow: auto;
}
.double {
display: flex;
column-gap: 24px;
}
.form-group {
margin-bottom: 24px;
position: relative;
}
.form-group:last-child {
margin-bottom: 0;
}
.form-group p {
display: flex;
align-items: end;
justify-content: center;
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.07em;
text-align: left;
color: #9F9F9F;
}
.form-group.double .union {
width: 18px;
height: 16px;
display: block;
margin-right: 8px;
}
.cf-right label {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
color: #959595;
text-transform: uppercase;
margin-bottom: 8px;
}
.cf-right input {
background: #F2F2F2;
border: none;
padding: 13px 10px;
border-radius: 4px;
width: 100%;
color: #222222;
}
.cf-right input:focus-visible {
outline: none;
}
.cf-right select {
background: #f2f2f2;
width: 100%;
padding: 7px 10px;
border: none;
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
color: #C9C9C9;
text-transform: uppercase;
position: relative;
background-image: url('../img/our-services/select-dd.png');
background-repeat: no-repeat;
background-position: 98%;
background-size: 12px 6px;
padding: 17px 20px;
border-radius: 4px;
}
:focus-visible {
outline: none;
}
/*.cf-right option{
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
color: #C9C9C9;
text-transform: uppercase;
}*/
.cf-form {
margin: 0;
height: 100%;
display: flex;
flex-direction: column;
}
textarea#message {
border: none;
background: #F2F2F2;
border-radius: 4px;
padding: 10px;
width: 100%;
}
textarea#message:focus-visible {
outline: none;
}
.form-group.double .choose-file {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
color: #222222;
text-transform: uppercase;
border: 1px solid #222;
padding: 7px 12px;
border-radius: 8px;
}
#file-upload {
display: none;
}
label[for="file-upload"] {
display: inline-block;
cursor: pointer;
}
.form-group .fgd-l {
width: 40%;
}
.form-group .fgd-r {
width: 60%;
}
input#lname,
input#link {
width: 100%;
}
.form-group #filename {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
color: #C9C9C9;
text-transform: uppercase;
}
.form-group .offwhite {
text-align: center;
padding: 0 10px;
padding-top: 7px;
border-radius: 4px;
display: flex;
align-items: baseline;
justify-content: space-between;
}
.form-group.width-l {
transition: 0.5s all ease-in-out;
margin-top: 70px;
position: relative;
}
.form-group input[type="submit"] {
position: relative;
background: #222222;
color: #ffffff;
padding: 10px 17px;
padding-right: 40px;
width: auto;
border-radius: 0;
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: center;
text-transform: uppercase;
transition: 0.5s all ease-in-out;
}
.form-group.width-l:hover input[type="submit"] {
color: #FFF617;
}
.form-group.width-l:hover .sub-line {
background: #FFF617;
}
.form-group.width-l:hover .sub-arr svg path {
stroke: #FFF617;
}
.form-group .sub-arr {
position: absolute;
top: 14px;
left: 143px;
transition: 0.5s all ease-in-out;
height: 10px;
width: 10px;
}
.sub-arr svg path {
transition: 0.5s all ease-in-out;
}
.form-group .sub-line {
height: 100%;
width: 2px;
position: absolute;
background: #ffffff;
top: 0;
left: 131px;
transition: 0.5s all ease-in-out;
}
#product {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
/*Contact Here Ends*/
/* Our service pages end */
/* Accessories CSS Start */
.banner-section {
min-height: 650px;
display: flex;
align-items: center;
}
.banner-overlay {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.69), rgba(0, 0, 0, 0.69));
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
.banner-content {
width: 65%;
z-index: 10;
position: relative;
}
.banner-content p {
font-size: 16px;
font-weight: 500;
line-height: 152%;
letter-spacing: 0.02em;
text-align: left;
color: #F3F3F3;
margin-top: 10px;
margin-bottom: 0;
}
.acs-img {
width: 100%;
/* height: 320px; */
height: 0px !important;
position: relative;
padding-top: 100%;
}
.acs-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0px;
left: 0px;
}
.banner-para {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.02em;
text-align: left;
color: #F3F3F3;
margin-top: 10px;
margin-bottom: 0;
}
.banner-btn .CTA-wrapper {
min-width: auto;
margin: 0;
}
.acs-card {
transition: 0.5s ease all;
width: 100%;
}
.acs-content {
padding: 16px 16px 26px 16px;
background-color: transparent;
transition: 0.5s ease all;
}
.acs-heading-wpr {
display: flex;
justify-content: space-between;
align-items: center;
}
.acs-title {
font-size: 21px;
font-weight: 500;
line-height: 25px;
letter-spacing: 0.03em;
text-align: left;
color: #111111;
text-transform: capitalize;
font-family: 'Satoshi', sans-serif;
transition: 0.5s ease all;
}
.acs-para {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
margin: 16px 0 0 0;
width: 90%;
color: #717171;
transition: 0.5s ease all;
min-height: 70px;
}
.seconndary-cta {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: center;
color: #222222;
text-transform: uppercase;
border-bottom: 3px solid #222;
padding-bottom: 3px;
transition: 0.5s ease all;
}
.seconndary-cta:hover {
border-color: #FFF617;
color: #222;
}
.acs-card:hover .acs-content {
background-color: #111111;
}
.acs-card:hover .acs-title {
color: #FFFFFF;
}
.acs-card:hover .acs-para {
color: #C5C5C5;
}
.acs-card:hover .seconndary-cta {
color: #FFF617;
border-color: #FFF617;
}
/* Contact section in accessories CSS */
.flex {
display: flex;
}
.contact-flex {
justify-content: space-between;
}
.cnt-des-wpr {
width: 35%;
padding-right: 55px;
padding-top: 40px;
}
.cnt-title-wpr {
width: 60%;
}
p.cnt-des {
font-family: 'Satoshi', sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.15em;
text-align: left;
text-transform: uppercase;
color: #B7B7B7;
margin-bottom: 0px;
}
.line-hgt-150 {
line-height: 72px;
}
span.yellow-border {
display: inline-block;
border-style: none none solid;
border-width: 42px 42px 42px;
border-color: #FFF617;
line-height: 0;
}
.primary-CTA.black {
background: #111111;
color: #fff;
}
.primary-CTA.black:before {
background: #fff;
}
.primary-CTA.black:hover {
color: #FFF617;
}
.primary-CTA.black:hover:before {
background: #FFF617;
}
.cnt-title-wpr .cta-wrapper {
min-width: auto;
margin-left: 0;
}
.primary-CTA.black span.CTA-arrow svg path {
stroke: #fff;
}
.primary-CTA.black:hover span.CTA-arrow svg path {
stroke: #FFF617;
}
section.contact-section {
padding-bottom: 200px;
}
/* Accessories CSS End */
/* Application Inner page CSS Start */
.app-banner .banner-wrapper {
align-items: center;
padding-top: 80px;
justify-content: space-between;
}
.app-banner .banner-content {
width: 50%;
padding-right: 40px;
}
.banner-img-wpr {
width: 40%;
position: relative;
}
.ban-img {
width: 100%;
/* height: auto; */
border-radius: 8px;
overflow: hidden;
position: relative;
z-index: 10;
height: 0px !important;
padding-top: 110%;
}
.ban-img img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0px;
}
.flex.apl-feat {
margin-top: 40px;
margin-bottom: 16px;
flex-wrap: wrap;
row-gap: 16px;
}
.feat-col {
display: flex;
align-items: center;
margin-right: 60px;
}
.feat-img {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.feat-img img {
height: auto;
width: auto;
max-height: 100%;
max-width: 100%;
}
.feat-title {
font-family: 'Satoshi', sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.13em;
text-align: left;
color: #FFFFFF;
text-transform: uppercase;
margin-left: 16px;
}
.app-ban-overlay {
position: absolute;
top: 15%;
z-index: 2;
left: -20px;
background: url(../img/apl-inner/banner-overlay.png);
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
.chlg-wrapper .cnt-des-wpr {
padding-top: 10px;
}
.chlg-wrapper .cnt-title-wpr {
width: 58%;
}
.cnt-title-wpr .heading-h4 {
font-size: 28px;
line-height: 38px;
}
.flex.pp-row {
justify-content: space-between;
align-items: center;
margin-bottom: 65px;
}
.pp-content {
width: 40%;
}
.pp-para {
width: 35%;
}
/*.pp-grid-wrapper {
margin-top: 60px;
}*/
.pp-box {
background: #fff;
padding: 32px 24px;
display: flex;
flex-direction: column;
min-height: 400px;
justify-content: space-between;
position: relative;
transition: 0.3s ease all;
}
.pp-box:before {
content: "";
position: absolute;
background-image: url(https://simpletesting.website/dorna/wp-content/uploads/2023/03/pp-box-overlay.png);
background-repeat: no-repeat;
background-position: center;
top: 0px;
right: 0px;
height: 190px;
width: 120px;
}
.pp-box-img {
height: 85px;
transition: 0.4s ease all;
width: 85px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.pp-box-img img {
transition: 0.4s ease all;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
.pp-title {
font-family: 'Satoshi', sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0.02em;
text-align: left;
color: #222222;
text-transform: capitalize;
transition: 0.2s ease all;
}
.pp-box-content p {
font-size: 14px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0.06em;
text-align: left;
color: #717171;
margin-top: 10px;
transition: 0.2s ease all;
min-height: 160px;
}
.pp-section .pp-box:nth-child(even) {
background-color: #111111;
}
.pp-section .grid.pp-grid .pp-box:nth-child(even) .pp-box-img img {
filter: invert();
}
.pp-section .pp-box:nth-child(even) .pp-title {
color: #FFFFFF;
}
.pp-section .pp-box:nth-child(even) .pp-box-content p {
color: #CACACA;
;
}
/* pp box Hover */
.document-section .pp-box:hover {
background-color: #111111;
}
.document-section .pp-box:hover .pp-box-img img {
filter: invert();
}
.document-section .pp-box:hover .pp-title {
color: #FFFFFF;
}
.document-section .pp-box:hover .pp-box-content p {
color: #CACACA;
;
}
.pp-button-wpr {
text-align: center;
margin-top: 80px;
}
.pp-feat-row {
justify-content: space-between;
align-items: center;
padding: 100px 0;
}
.pp-feat-content {
width: 55%;
}
.pp-feat-img {
width: 35%;
border-radius: 8px;
overflow: hidden;
position: relative;
padding-top: 35%;
height: 0px !important;
}
.pp-feat-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0px;
left: 0px;
}
.pp-feat-content p {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #717171;
margin-top: 20px;
}
.pp-feat-wpr .flex.pp-feat-row:nth-child(even) {
flex-direction: row-reverse;
}
.testi-flex {
justify-content: space-between;
align-items: center;
}
.st-img-wrapper {
width: 35%;
position: relative;
z-index: 10;
height: auto !important;
}
.st-content {
width: 60%;
}
.st-content {
width: 60%;
display: flex;
min-height: auto;
flex-direction: column;
flex-direction: column;
justify-content: space-between;
}
.dorna-logo {
width: auto;
/* height: 40px; */
}
/* .dorna-logo {
width: 100px;
height: 100px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
} */
.dorna-logo img {
width: auto;
height: auto;
max-height: 200px;
max-width: 200px;
}
/* .dorna-logo img {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
} */
.st-img {
position: relative;
z-index: 10;
height: 0 !important;
width: 100%;
border-radius: 8px;
overflow: hidden;
padding-top: 100%;
}
.st-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0px;
left: 0px;
}
.st-img-wrapper .app-ban-overlay {
background: url(../img/apl-inner/testi-overlay.png);
left: inherit;
right: -20px;
height: 70%;
}
.testi-comment h3 {
font-family: 'Satoshi', sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 140%;
letter-spacing: 0.01em;
text-align: left;
color: #222;
}
hr.testi-divider {
width: 30px;
height: 3px;
background: #C6C6C6;
opacity: 1;
margin: 40px 0;
}
.testi-author-info {
margin-bottom: 10px;
}
.dorna-logo {
margin-top: 10px;
}
.testi-comment {
margin-top: 30px;
}
.auhtor-name {
font-size: 24px;
font-weight: 500;
line-height: 27px;
letter-spacing: 0.02em;
text-align: left;
color: #222222;
}
.auhtor-position {
font-size: 14px;
font-weight: 700;
line-height: 16px;
letter-spacing: 0.12em;
text-align: left;
text-transform: uppercase;
margin-top: 8px;
color: #B1B1B1;
}
.testi-comment {
margin-top: 50px;
}
.apl-dorna-img {
width: 35%;
margin-left: auto;
}
.apl-dorna-section {
position: relative;
}
.apl-wpr {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
}
.apl-dorna-img img {
height: auto;
width: 100%;
}
.apl-dorna-content {
width: 60%;
}
.apl-dorna-content p {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #343434;
margin-top: 30px;
}
.apl-btn-div {
align-items: center;
}
.apl-btn-div .btn-wrapper {
margin-left: 30px;
}
/* .pp-box-img img {
width: auto;
height: 100%;
} */
/* Application Inner page CSS End */
/* Document Center CSS Start */
span.pp-arrow svg {
width: 18px;
height: 18px;
opacity: 0;
transition: 0.4s ease all;
}
.pp-box-flex.flex {
justify-content: space-between;
align-items: center;
}
.pp-box:hover span.pp-arrow svg {
opacity: 1;
}
.document-section .pp-box-content {
transition: 0.2s ease all;
position: absolute;
bottom: 30px;
left: 24px;
right: 24px;
}
.document-section .pp-box-content.pp-hover-box {
opacity: 0;
position: relative;
left: 0;
right: 0;
bottom: 0;
}
.document-section .pp-box:hover .pp-box-content {
opacity: 0;
}
.document-section .pp-box:hover .pp-box-content.pp-hover-box {
opacity: 1;
height: auto;
}
/* Document Center CSS End */
/* Blog and Blog inner CSS start */
.mb-o {
margin-bottom: 0;
}
.w-109 {
width: 109%;
}
/*Banner Section*/
.ban-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.banner-content .banner-para {
width: 81%;
}
/*Banner Section Ends*/
/*Blog Section*/
.tab-blog .container-fluid {
z-index: 10;
position: relative;
}
.mt-130 {
margin-top: 130px !important;
}
.tab-blog .tab {
display: flex;
column-gap: 10px;
}
.tab-blog .tablinks {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: center;
text-transform: uppercase;
color: #222222;
border: 1px solid #222222;
padding: 5px 15px;
transition: 0.25s all ease-in-out;
min-width: 60px;
}
.tab-blog .tablinks:hover {
opacity: 0.6;
}
.tab-blog .tablinks.active {
background: #222222;
color: #FFF617;
}
.tab-blog .tablinks.active:hover {
opacity: 1;
}
.tab-blog .load-more {
text-align: center;
margin-top: 100px;
}
.tab-blog .load-more button {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: center;
background: #222222;
color: #ffffff;
text-transform: uppercase;
padding: 8px 20px;
transition: 0.4s all ease-in-out;
}
.tab-blog .load-more button:hover {
color: #FFF617;
}
.tab-blog .tab-but {
display: flex;
justify-content: space-between;
}
.tab-but select {
border: none;
appearance: none;
-webkit-appearance: none;
}
.sort-filter {
position: relative;
margin-right: 70px;
display: flex;
}
/*.sort-filter::after{
content: "";
background-image: url('../img/blog-main/select-dd1.png');
background-size: 50%;
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
height: 24px;
width: 24px;
}*/
/* .dropdown_c .selected{
background-image: url(../img/blog-main/dropdown-arrow.svg);
background-size: 14px;
background-repeat: no-repeat;
background-position: 90% 64%;
} */
.dropdown_c label {
cursor: pointer;
}
.blogs .blog-inner a:hover {
color: #C8B400;
}
.select li {
display: none;
cursor: pointer;
padding: 5px 10px;
min-width: 150px;
}
.select li:first-child {
display: block;
border-top: 0px;
}
.select {
display: inline-block;
padding: 0;
position: relative;
}
.select::after {
content: "";
background-image: url('../img/blog-main/select-dd1.png');
background-size: 100%;
background-repeat: no-repeat;
position: absolute;
top: 0;
height: 7px;
width: 10px;
}
.select li:hover {
background-color: #ddd;
}
.select li:first-child:hover {
background-color: transparent;
}
.select.open li {
display: block;
}
/*Blog Section-ends*/
/* Blog inner banner section start */
section.blg-banner-section {
padding-top: 80px;
position: relative;
background: #f9f9f9;
}
.blg-img-wrapper {
width: 40%;
margin-left: auto;
/* height: 530px; */
position: relative;
height: auto !important;
}
.blg-img {
/* height: 100%; */
}
.blg-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.blg-img {
height: 0;
position: relative;
padding-top: 100%;
overflow: hidden;
}
/* .blg-img img {
width: 100%;
height: 100%;
object-fit: cover;
} */
.blg-content-wrapper {
position: absolute;
left: 0;
top: 20px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.blg-wrapper {
width: 55%;
}
.bi-icon a svg {
transition: 0.4s ease all;
}
.bi-icon a svg path {
transition: 0.4s ease all;
}
.bi-icon a.twitter:hover svg path {
fill: #1DA1F2;
}
.bi-icon a.ln:hover svg path {
fill: #0077b5;
}
.bi-icon a.fb:hover svg path {
fill: #3b5998;
}
/* Blog inner banner section end */
/*Contact Us Tutorial Page*/
/* .contact-section{
position: relative;
}
.contact-section::after{
content: "";
background: #fff;
height: 20px;
position: absolute;
width: 100%;
bottom: -20px;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
z-index: 9999;
} */
/*Contact Us Tutorial Page Ends*/
/*Banner Section*/
.banner-inner {
padding-top: 80px;
}
.bi-img {
height: 65px;
width: 65px;
overflow: hidden;
border-radius: 50%;
margin-right: 20px;
}
.bi-icon {
height: 20px;
width: 20px;
opacity: 0.7;
}
.bi-in {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
color: #ACACAC;
text-transform: uppercase;
}
.bi-left .section-subhead-text {
color: #222222;
}
.bi-left .section-heading1 {
width: 75%;
margin-top: 20px;
}
.bi-left .bi-time {
font-family: 'Satoshi', sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 17px;
letter-spacing: 0.15em;
text-align: left;
color: #9A9A9A;
text-transform: uppercase;
}
.bi-time .dot {
position: relative;
margin: 0 10px;
}
.bi-time .dot::after {
content: "";
height: 4px;
width: 4px;
position: absolute;
top: 7px;
right: 1px;
background-color: #9A9A9A;
border-radius: 50%;
overflow: hidden;
}
.foot-right .share {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
color: #222222;
opacity: 0.7;
text-transform: uppercase;
}
.bi-wrapper {
display: flex;
}
.bi-wrapper .bi-left {
width: 60%;
align-self: center;
margin: 0 auto;
max-width: 700px;
}
.bi-wrapper .bi-right {
width: 40%;
}
.bi-right .bir-img {
width: 100%;
height: 0px !important;
padding-top: 80%;
position: relative;
overflow: hidden;
}
.bi-right .bir-img img {
position: absolute;
top: 0px;
left: 0px;
}
.bi-left .bi-foot {
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.bi-foot .foot-left {
display: flex;
align-items: center;
}
.foot-right {
display: flex;
column-gap: 20px;
align-self: center;
align-items: center;
}
/*Banner Section Ends*/
/*Blog-Text*/
.blog-text {
padding: 0 20px;
}
.bt-container {
margin: 0 auto;
max-width: 1340px;
padding: 70px 15px 100px 15px;
}
.bt-container .bt-wrapper {
width: 55%;
margin-left: auto;
margin-right: auto;
padding: 25px;
}
.bt-container.blog-container .bt-wrapper {
width: 100%;
padding: 0;
}
.bt-wrapper .btt {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #737373;
margin-bottom: 20px;
}
.bt-wrapper .bth {
font-family: 'Satoshi', sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 44px;
letter-spacing: 0.02em;
text-align: left;
color: #222222;
text-transform: capitalize;
margin-bottom: 8px;
}
.bt-wrapper iframe {
max-width: 100%;
}
.bt-foot {
display: flex;
justify-content: space-between;
margin-top: 60px;
align-items: center;
}
.bt-foot .btf-left {
position: relative;
border: 1px solid #222222;
width: 20%;
height: 1px;
opacity: 0.7;
background-color: #222222;
}
.bt-bottom ul {
list-style: disc;
color: #737373;
margin-left: 25px;
margin-bottom: 30px;
}
.bt-bottom ul li {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
}
.bt-mid .bt-flex {
display: flex;
justify-content: space-between;
}
.bt-flex .btf-t {
width: 50%;
}
.bt-flex .btf-b {
width: 47%;
}
.bt-flex .btt {
margin-bottom: 0 !important;
}
.btm-img {
width: 100%;
}
.bt-mid .btt {
margin-bottom: 30px;
}
.bt-mid {
margin-top: 45px;
}
.bt-bottom {
margin-top: 55px;
}
/*Blog-text Ends*/
/*Tutorial Inner Css*/
.contact-section .cnt-des-wpr {
padding-top: 15px;
}
.tutorial-inner {
padding: 0 20px;
}
.ban-container {
margin: 0 auto;
max-width: 1100px;
padding-top: 140px;
}
.ban-img {
height: 602px;
}
.ban-img iframe {
height: 100%;
width: 100%;
}
.af-container {
margin: 0 auto;
max-width: 700px;
padding-top: 70px;
}
.af {
padding: 0 20px;
}
.af .section-heading1 {
width: 90%;
}
.frame iframe {
width: 100%;
height: 200px;
}
.frame {
width: auto;
}
.w-99 {
width: 99%;
}
/*Tutorial Inner Css Ends*/
/* Blog and Blog inner END */
/* Blog Custom Dropdown start */
.sort-filter {
position: relative;
display: inline-flex;
}
.dropdown_c {
position: relative;
display: flex;
align-items: center;
padding: 7px 15px;
border: 1px solid #6F7878;
cursor: pointer;
white-space: nowrap;
}
.dropdown_c.rotate:before {
transform: rotate(-180deg);
}
/* .dropdown_c:before {
content: "";
position: absolute;
background-image: url(../img/blog-main/dropdown-arrow.svg);
width: 16px;
height: 16px;
background-size: 14px;
background-repeat: no-repeat;
top: 10px;
right: 26px;
transition: transform 0.4s ease-in-out;
background-position: center;
}*/
.dropdown_c label {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: center;
color: #222;
text-transform: uppercase;
}
.color span {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
color: #222;
text-transform: uppercase;
}
.dropdown_c .selected {
border: none;
padding: 0;
background-color: #fff;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 23px;
min-width: auto;
color: #353A3A;
text-align: right;
padding-left: 5px;
padding-right: 16px;
}
.dropdown_c .drop-content ul {
position: absolute;
left: -1px;
top: 33px;
display: none;
list-style: none;
min-width: 101%;
background: #fff;
border-radius: 0;
padding-top: 3px;
border: 1px solid #6F7878;
border-top: 0;
z-index: 9999;
padding: 0;
width: 100%;
}
.dropdown_c .drop-content ul li {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
color: #222;
padding: 10px 15px;
text-decoration: none;
cursor: pointer;
text-transform: uppercase;
border-top: 1px solid #f1f1f1;
transition: 0.3s ease al;
}
.dropdown_c .drop-content ul li:hover {
background-color: #FFF617;
}
/* Blog Custom Dropdown end */
.sort-filter {
margin: 0 !important;
}
/*Contact Form */
.f-group select {
padding: 17px 10px;
border-radius: 4px;
}
.con-form {
padding-left: 20px;
padding-right: 20px;
padding-top: 140px;
}
.con-wrapper {
display: flex;
justify-content: space-between;
column-gap: 70px;
}
.form {
min-width: 720px;
}
.get img {
height: 24px;
width: 22px;
}
.flex-g {
display: flex;
column-gap: 24px;
}
.form {
background-color: #fff;
border-radius: 8px;
overflow: hidden;
padding: 40px 20px;
min-height: 700px;
width: 50%;
}
.form label {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
color: #959595;
text-transform: uppercase;
margin-bottom: 8px;
}
.get-line {
height: 1.5px;
width: 100%;
background-color: #D1D1D1;
margin: 48px 0;
}
.get {
padding: 25px 0;
width: 50%;
}
.form input {
width: 100%;
padding: 13px 10px;
border: 1px solid #D1D1D1;
border-radius: 4px;
}
.f-group {
margin-bottom: 24px;
}
.f-group:last-child {
margin-bottom: 0;
}
.f-group .fgl {
width: 40%;
}
.f-group .fgr {
width: 60%;
}
.f-group .cname {
width: 50%;
}
.f-group .phno {
width: 50%;
}
.f-group select {
width: 100%;
background-image: url('../img/our-services/select-dd.png');
background-repeat: no-repeat;
background-position: 98%;
background-size: 12px 6px;
padding: 13px 10px;
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
color: #999999;
text-transform: uppercase;
border: 1px solid #D1D1D1;
}
.f-group textarea {
border: 1px solid #D1D1D1 !important;
background-color: transparent !important;
}
.get-con-head {
margin-bottom: 35px;
}
.get-con-head h6 {
font-family: 'Satoshi', sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 25px;
letter-spacing: 0.03em;
text-align: left;
color: #222222;
}
.get-details p {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #717171;
margin-bottom: 8px;
}
.get-details {
margin-bottom: 60px;
}
.get-details:last-child {
margin-bottom: 0;
}
.get-details a {
font-family: 'Satoshi', sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.15em;
color: #222222;
text-transform: uppercase;
transition: 0.4s ease all;
}
.get-details a.after {
position: relative;
}
/*.get-details a.after:after{
position: absolute;
content: "";
height: 2px;
width: 90%;
bottom: -3px;
background: #222;
left: 26px;
transition: 0.4s ease all;
}*/
.get-details a.after:hover:after {
background-color: #FFF617;
}
.u {
text-decoration: underline;
}
.form .form-group {
margin-top: 48px !important;
}
.w-70 {
width: 70%;
}
.form .form-group .sub-line {
left: 86px;
}
.con-f .sub-arr {
top: 15px;
left: 98px;
}
span.gd-txt {
border-bottom: 2px solid #222222;
padding-bottom: 5px;
}
.gtl {
margin-left: 26px;
}
/*Contact Form Ends*/
/* About page CSS Start */
.flex.about-flex {
align-items: center;
justify-content: space-between;
}
.about-content {
width: 55%;
}
.about-img {
/* height: auto; */
margin-top: -60px;
width: 40%;
position: relative;
z-index: 99;
border-radius: 8px;
overflow: hidden;
position: relative;
padding-top: 50%;
height: 0px !important
}
.about-img img {
width: 100%;
height: 100%;
object-fit: cover;
/* max-height: 560px; */
position: absolute;
top: 0px;
left: 0px;
}
section.bkg-style.pad-100.story-section {
height: 620px;
display: flex;
align-items: center;
background-color: #ebeff0;
background-position: 0;
}
.story-wrapper {
width: 35%;
margin-left: auto;
}
.about-content p {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #717171;
margin-top: 24px;
}
.story-content p {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #717171;
margin-top: 18px;
}
/* About page CSS end */
/* FAQ CSS START */
.faq-section {
padding: 170px 0;
}
.tab-faq .tab {
display: flex;
column-gap: 10px;
}
.tab-faq .faqlinks {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: center;
color: #222222;
text-transform: uppercase;
border: 1px solid #222222;
padding: 5px 15px;
min-width: 60px;
transition: 0.4s all ease;
}
.tab-faq .faqlinks:hover {
opacity: 0.6;
}
.tab-faq .faqlinks.active {
color: #FFF617;
background: #222222;
}
.tab-faq .faqlinks.active:hover {
opacity: 1;
}
.faqcontent h6 button {
font-family: 'Satoshi', sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 25px;
letter-spacing: 0.03em;
text-align: left;
color: #222222;
}
.accordion-item .accordion-button {
padding: 30px 0;
}
.faqcontent .accordion-button {
padding-left: 0;
}
.faqcontent {
margin-top: 60px;
margin-left: 60px;
}
.faqcontent .acc-h6 {
width: 75%;
}
.faqcontent .card-body {
padding-top: 0px;
padding-bottom: 30px;
}
.faqcontent .card-body p {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #717171;
margin-left: 40px;
width: 70%;
}
.faq-section .accordion-button:not(.collapsed) {
color: #222222;
background: transparent;
box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.faq-section .accordion-item {
background: transparent;
border: none;
border-bottom: 1px solid rgba(43, 65, 86, 0.22);
;
}
.faq-section .accordion-item:last-child {
border-bottom: 0px;
}
.faq-section .accordion-button {
background: transparent;
}
.faq-section .accordion-button:focus {
border-color: none;
box-shadow: none;
}
.tab-faq .tab {
margin-top: 50px;
}
.faq-section .load-more {
text-align: center;
padding-top: 100px;
}
.faq-section .load-more button {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: center;
text-transform: uppercase;
color: #222222;
position: relative;
transition: 0.3s all ease;
padding-bottom: 7px;
}
.faq-section .load-more button:hover {
color: #C8B400;
}
.faq-section .load-more button::after {
position: absolute;
content: "";
width: 90%;
height: 3px;
background-color: #222222;
bottom: 0;
left: 5px;
border-radius: 30px;
overflow: hidden;
transition: 0.3s all ease;
}
.faq-section .load-more button:hover::after {
background: #C8B400;
}
/* FAQ CSS ENd */
/* Static pages CSS Start */
.static-section {
padding-top: 150px;
}
.static-content-row {
padding: 40px 0;
}
.static-content-row > h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: 0.02em;
/* text-transform: capitalize; sadegh*/
color: #222;
font-weight: 500;
}
.static-content-row h1 {
font-size: 72px;
line-height: 78px;
/* margin-bottom: 40px; */
}
.static-content-row h2 {
font-size: 64px;
line-height: 72px;
/* margin-bottom: 40px; */
}
.static-content-row h3 {
font-size: 50px;
line-height: 62px;
/* margin-bottom: 40px; */
}
.static-content-row h4 {
font-size: 32px;
line-height: 44px;
/* margin-bottom: 40px; */
}
.static-content-row h5 {
font-size: 28px;
line-height: 38px;
/* margin-bottom: 40px; */
}
.static-content-row h6 {
font-size: 22px;
line-height: 32px;
/* margin-bottom: 40px; */
}
.static-content-row .static-title {
font-size: 32px;
font-weight: 500;
line-height: 44px;
letter-spacing: 0.02em;
text-align: left;
text-transform: capitalize;
color: #222;
margin: 0;
}
.static-content-row p {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #717171;
margin-top: 12px;
margin-bottom: 20px;
}
.static-content-row a {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
color: #222222;
/* text-transform: uppercase;*/
border-bottom: 3px solid #222;
padding-bottom: 3px;
transition: 0.4s ease all;
}
.static-content-row a:hover {
border-color: #FFF617;
}
.static-content-row p a {
font-size: 16px;
font-weight: 600;
line-height: 18px;
letter-spacing: 0.15em;
text-align: center;
color: #222222;
/* text-transform: capitalize;*/
transition: 0.4s ease all;
border-bottom: 1px solid transparent;
}
.static-content-row p a:hover {
border-bottom: 1px solid #222;
}
.static-content-row ul {
margin-top: 30px;
margin-bottom: 20px;
}
.static-content-row ul li {
position: relative;
padding-left: 24px;
}
.static-content-row ul li:before {
content: "";
position: absolute;
width: 10px;
height: 10px;
background-color: #222;
left: 0;
top: 7px;
border-radius: 50%;
}
.static-content-row ul li p {
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #222;
margin-top: 12px;
font-style: italic;
margin: 0;
}
/* Static pages CSS End */
/* Modal CSS Start */
.custom-modal .modal-dialog {
max-width: 630px;
margin: 1.75rem auto;
}
.modal-content {
border-radius: 0px;
}
.modal-header {
width: 100%;
border: none;
padding: 0;
margin: 0;
}
button.btn-close {
position: absolute;
right: 20px;
top: 24px;
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden;
padding: 35px 20px;
}
.modal-body {
padding: 0;
}
.modal-title {
text-align: center;
}
.modal-title h3 {
font-size: 24px;
font-weight: 500;
line-height: 25px;
letter-spacing: 0em;
color: #222;
text-align: center;
}
.modal-title p {
font-size: 12px;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.02em;
text-align: center;
color: #717171;
margin-top: 18px;
}
form.form-main {
margin: 0 auto;
width: 70%;
margin-top: 20px;
}
.input-wrapper {
margin-bottom: 16px;
}
.input-wrapper label {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
color: #959595;
text-transform: uppercase;
margin-bottom: 8px;
}
input.form-control {
background: #F2F2F2;
border-color: #F2F2F2;
font-size: 14px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0.15em;
color: #222;
border-radius: 2px;
}
.form-control:focus {
background: #F2F2F2;
border-color: #F2F2F2;
color: #222;
}
.forgot-div a {
font-family: 'Satoshi', sans-serif;
font-size: 10px;
font-style: italic;
font-weight: 400;
line-height: 15px;
letter-spacing: 0.06em;
text-align: left;
color: #8C8C8C;
margin-top: 7px;
}
form.form-main .input-wrapper:last-child {
margin-bottom: 0;
margin-top: 30px;
}
input.submit-btn {
width: 100%;
display: block;
font-family: 'Satoshi', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0.15em;
text-align: left;
background: #FFF617;
color: #222;
border: none;
padding: 13px 24px;
text-align: center;
}
.modal-footer-wrapper {
text-align: center;
margin-top: 32px;
}
.flex.modal-flex {
align-items: center;
justify-content: center;
}
.flex.modal-flex p {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.13em;
color: #959595;
text-align: left;
text-transform: uppercase;
}
.flex.modal-flex .seconndary-cta {
border-bottom: 2px solid #222;
padding-bottom: 0px;
margin-left: 8px;
}
.modal.fade.custom-modal {
z-index: 99999;
background: rgba(141, 141, 141, 0.56);
}
.input-wrapper.flex.field-flex input.submit-btn {
width: 55%;
}
.input-wrapper.flex.field-flex {
align-items: center;
}
.input-wrapper.flex.field-flex .modal-flex {
width: 36%;
margin-left: auto;
}
.input-wrapper.flex.flex-field-custom {
justify-content: space-between;
}
/* Modal CSS End */
/* Warranty CSS STart */
section.pad.padb-200.warranty-faq-section.faq-section {
padding: 30px 0 200px 0;
}
section.extrapad.static-section .container-fluid {
width: 70%;
margin: 0 auto;
}
/* Warranty CSS end */
/* Dorna 2 CSS Start */
.dorna-banner {
display: flex;
align-items: center;
position: relative;
}
.banner-content-btn .seconndary-cta {
border-color: #fff;
color: #fff;
}
/* .dorna-banner .banner-content{
width: 40%;
}
.dorna-banner h1.heading-h1 {
color: #222222;
}
.dorna-banner .banner-para {
color: #414141;
} */
.youtube-pop {
margin-left: 7px;
}
.dorna-slider-wrapper {
display: flex;
align-items: start;
justify-content: space-between;
padding: 100px 0;
}
.column-45 {
width: 45%
}
.column-50 {
width: 50%;
}
.dorna-intro-wpr {
background: #fff;
border-radius: 24px;
position: relative;
overflow: hidden;
padding: 0 36px;
}
.dorna-intro-wpr:before {
content: "";
position: absolute;
background-image: url(../img/Dorna-2/dorna-overlay.png);
background-repeat: no-repeat;
background-position: center;
top: -10px;
right: 0;
height: 30px;
width: 340px;
display: flex;
align-items: center;
}
a.flex.svideo-banner.js-trigger-video-modal.banner-content-btn {
display: inline-flex;
}
.dorna-content-section p {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
margin-top: 24px;
color: #222222;
}
.dorna-feat-wrapper .dorna-content-sectio p {
color: #717171;
}
/* Slider section css start */
.outer {
margin: 0 auto;
}
#big .item {
/* height: 440px; */
margin-bottom: 12px;
height: auto !important;
}
.dorna-slider-section .dorna-img {
width: 100%;
/* height: 100%; */
border-radius: 8px;
overflow: hidden;
position: relative;
padding-top: 100%;
height: 0px !important;
}
.dorna-slider-section .dorna-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0px;
left: 0px;
}
#thumbs .item {
height: auto;
line-height: 70px;
}
div#thumbs .dorna-img {
/* width: auto; */
height: 92px;
margin: 0 8px;
width: calc(100% - 8px);
cursor: pointer;
padding-top: 86%;
}
div#thumbs .owl-stage .owl-item:first-child .item .dorna-img {
margin-left: 0;
}
div#thumbs .owl-stage .owl-item:last-child .item .dorna-img {
margin-right: 0;
}
.owl-theme .owl-nav [class*="owl-"] {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.owl-theme .owl-nav [class*="owl-"].disabled:hover {
background-color: #d6d6d6;
}
#big.owl-theme {
position: relative;
}
#big.owl-theme .owl-next,
#big.owl-theme .owl-prev {
background: #333;
width: 22px;
line-height: 40px;
height: 40px;
margin-top: -20px;
position: absolute;
text-align: center;
top: 50%;
}
#big.owl-theme .owl-prev {
left: 10px;
}
#big.owl-theme .owl-next {
right: 10px;
}
#thumbs.owl-theme .owl-next,
#thumbs.owl-theme .owl-prev {
background: #333;
}
/* Slider section css end */
.dorna-feat-wrapper {
align-items: center;
padding: 100px 0;
}
.etu-box {
background: #F9F9F9;
padding: 40px;
width: 85%;
margin: 0 auto;
position: relative;
z-index: 11;
border-radius: 8px;
}
ul.etu-list {
width: 100%;
margin: 20px auto 30px;
}
ul.etu-list li {
display: flex;
align-items: center;
border-bottom: 1px solid #DBDBDB;
padding-bottom: 7px;
margin-bottom: 24px;
}
ul.etu-list li:last-child {
border-bottom: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}
ul.etu-list li p {
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0.15em;
text-align: left;
text-transform: capitalize;
color: #343434;
margin-top: 0px;
width: calc(100% - 25px);
}
.etu-wpr {
padding: 50px 0;
position: relative;
min-height: 500px;
display: flex;
align-items: center;
}
.etu-img-overlay {
position: absolute;
top: 0;
right: -40px;
bottom: 0;
z-index: 10;
width: 70%;
height: 100%;
margin-right: auto;
z-index: 10;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
overflow: hidden;
}
.etu-li-img {
width: 25px;
height: 25px;
margin-right: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.etu-li-img img {
/* width: 100%;
height: 100%; */
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
.etu-img-overlay img {
height: 100%;
width: 100%;
object-fit: cover;
}
.benefit-img-wrapper {
margin-top: 60px;
border-radius: 8px;
overflow: hidden;
/* height: 340px; */
/* width: auto;
height:0px !important;
position: relative;
padding-top: 25%; */
}
.benefit-img-wrapper img {
width: 100%;
height: auto;
/* object-fit: cover; */
/* position: absolute;
left:0px;
top:0px; */
}
.benefit-wrapper .grid {
margin-top: 45px;
}
.benefit-img img {
height: auto;
max-height: 100%;
max-width: 100%;
width: auto;
}
.benefit-img {
height: 60px;
width: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.benefit-content h3 {
font-size: 32px;
font-weight: 500;
line-height: 44px;
letter-spacing: 0.02em;
text-align: left;
color: #222222;
}
.benefit-content p {
font-size: 14px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0.03em;
text-align: left;
color: #717171;
margin-top: 12px;
}
.benefit-content {
margin-top: 20px;
}
.f-icon img {
width: 100%;
height: 100%;
}
section.facts.dorna-fact-section:before {
display: none;
}
.facts .f-text {
padding: 20px 50px;
}
h4.Choose-title {
font-size: 32px;
font-weight: 500;
line-height: 44px;
letter-spacing: 0.02em;
text-transform: capitalize;
text-align: left;
color: #343434;
margin-top: 50px;
}
.chse-dorna-2-section .pp-feat-content p {
margin-top: 8px;
}
.compare-row {
align-items: center;
}
.heading-col {
width: 40%;
}
.dorna-compr-col {
width: 30%;
}
.compare-content h4 {
font-size: 32px;
font-weight: 500;
line-height: 44px;
letter-spacing: 0.02em;
text-align: left;
text-transform: capitalize;
}
.compare-content span.yellow-text {
border-width: 20px 17px 20px;
}
.compare-content {
width: 65%;
}
.compare-content p {
font-size: 14px;
font-weight: 500;
line-height: 21px;
letter-spacing: 0.06em;
color: #222222;
text-align: left;
}
.head .compare-content p {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #343434;
margin-top: 12px;
}
.dorna-compr-box .dorna-img {
height: 130px;
width: 85%;
/* max-width: 230px; */
}
.dorna-compr-box .dorna-img img {
object-fit: contain;
}
.head .dorna-compr-box .compare-content {
margin-top: 35px;
}
.compare-row {
border-bottom: 1px solid #D0D0D0;
padding: 30px 0;
}
.compare-row.flex.head {
padding-top: 0px;
padding-bottom: 50px;
}
h5.row-title {
font-family: 'Satoshi', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0.15em;
text-align: left;
color: #A6A6A6;
text-transform: uppercase;
}
.price-wrapper {
width: 80%;
margin: 0 auto;
}
.grid.grid-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.price-box {
background: #fff;
padding: 60px 35px;
border-radius: 16px;
}
.price-box-img {
height: 90px;
width: 90px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.price-box-img img {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
.price-content-box {
text-align: center;
margin-top: 35px;
}
.price-content-title {
font-size: 42px;
font-weight: 500;
line-height: 52px;
letter-spacing: 0.02em;
text-align: center;
color: #222222;
}
.price-content-box p {
font-size: 12px;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.06em;
text-align: center;
margin-top: 8px;
color: #717171;
}
.price-amout {
font-size: 42px;
font-weight: 500;
line-height: 50px;
letter-spacing: 0.02em;
text-align: center;
color: #222222;
margin-top: 40px;
}
.price-box-feat {
margin-top: 35px;
}
.pirce-feat-title {
font-size: 16px;
font-weight: 500;
line-height: 17px;
letter-spacing: 0.1em;
text-align: center;
color: #717171;
text-transform: uppercase;
}
hr.price-divider {
width: 30px;
height: 4px;
opacity: 1;
margin: 12px auto;
background: #D9D9D9;
}
ul.price-feat-list {
margin-top: 35px;
}
li.price-feat-li {
display: flex;
margin-bottom: 20px;
}
.li-icon {
margin-right: 30px;
}
.li-icon svg {
width: 30px;
height: 30px;
}
li.price-feat-li p {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #343434;
}
.price-box.black_box {
background: #111111;
}
/* .price-box.black_box .price-box-img img {
filter: invert(1);
} */
.price-box.black_box .price-content-title {
color: #fff;
}
.price-box.black_box .price-content-box p {
color: #9B9B9B;
}
.price-box.black_box .price-amout {
color: #FFFFFF;
}
.price-box.black_box .pirce-feat-title {
color: #9B9B9B;
}
.price-box.black_box hr.price-divider {
background: #4F4F4F;
}
.price-box.black_box .li-icon svg path {
stroke: #FFF617;
}
.price-box.black_box li.price-feat-li p {
color: #FFFFFF;
}
.product-tab-list .tab {
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
overflow: hidden;
}
.product-tab-wrapper {
margin-top: 55px;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.product-tab-list .tab button.tablinks {
font-family: 'Satoshi', sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 19px;
letter-spacing: 0.08em;
text-align: center;
color: #222222;
text-transform: uppercase;
padding: 20px 70px;
background: #fff;
/* border-right: 2px solid #E7E7E7; */
}
.product-tab-list .tab button.tablinks1 {
font-family: 'Satoshi', sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 19px;
letter-spacing: 0.08em;
text-align: center;
color: #222222;
text-transform: uppercase;
padding: 20px 70px;
background: #fff;
/* border-right: 2px solid #E7E7E7; */
}
.product-tab-list .tab button.tablinks:last-child {
border-right: none;
}
.product-tab-list .tab button.tablinks:last-child {
border-right: none;
}
.product-tab-list {
text-align: center;
}
.product-tab-list .tab button.tablinks.active {
background: #FFF617;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.product-tab-list .tabcontent {
height: auto;
/* min-height: 650px; */
background: #fff;
padding: 70px 40px;
border-radius: 16px;
}
.product-tab-list .tab button.tablinks1.active {
background: #FFF617;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.product-tab-list .tabcontent1 {
background: #fff;
padding: 70px 40px;
border-radius: 16px;
}
/* Custom accordian CSS start */
.accordion-items {
background: transparent;
background: transparent;
margin: 0 auto;
border-radius: 3px;
box-shadow: none;
width: 85%;
}
.accordion-heading {
padding: 0px;
cursor: pointer;
font-family: 'Satoshi', sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 44px;
letter-spacing: 0.02em;
text-align: left;
color: #D0D0D0;
text-transform: capitalize;
padding-left: 0;
padding-bottom: 12px;
border-bottom: 2px solid #D0D0D0;
}
.accordian-item {
margin-bottom: 40px;
}
.accordion-heading:hover {
border-radius: 0;
}
.accordion-heading:first-child:hover {
border-radius: 3px 3px 0 0;
}
.accordion-heading:nth-last-child(2):hover {
border-radius: 0 0 3px 3px;
}
.accordian-item.active .accordion-heading {
color: #222222;
border-color: #222;
}
.active.accordion-heading::before {
transform: rotate(-180deg);
}
.not-active.accordion-heading::before {
transform: rotate(0deg);
}
.accordion-content {
display: none;
padding: 15px 0;
}
li.acc-li {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.modal-name {
width: 35%;
font-family: 'Satoshi', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0.15em;
text-align: left;
color: #A6A6A6;
text-transform: uppercase;
}
.modal-desc {
width: 30%;
font-size: 14px;
font-weight: 500;
line-height: 21px;
letter-spacing: 0.06em;
text-align: left;
color: #222222;
}
/* Custom accordian CSS end */
.testi-wrapper {
padding-top: 50px;
}
.testi-box {
text-align: center;
}
.testi-box {
text-align: center;
width: 100%;
margin: 0 auto;
padding: 0px 30px;
}
.testi-box hr.testi-divider {
margin: 40px auto;
}
.testi-box .testi-author-info {
margin: 0px;
}
.testi-box .auhtor-name {
text-align: center;
}
.testi-box .auhtor-position {
text-align: center;
}
.testi-quote {
margin-bottom: -40px;
}
.testi-quote.section-heading1 {
margin-bottom: 30px;
}
.grid-wrapper.acc-wpr {
margin-top: 60px;
}
.dorna-work-section.img-overflow .robot-wrapper:before {
display: none;
}
.dorna-work-section.img-overflow .io-wrapper {
position: relative;
background: #111;
border-radius: 16px;
display: flex;
align-items: center;
height: 480px;
padding: 30px 70px;
}
.dorna-work-section.img-overflow .io-upper-text {
text-align: right;
width: 65%;
margin-left: auto;
position: relative;
top: inherit;
right: inherit;
z-index: 5;
}
.dorna-work-section.img-overflow .robot-wrapper {
position: absolute;
z-index: 5;
height: 600px;
bottom: 0;
left: 0;
}
.dorna-work-section.robot-img {
height: 100%;
}
.dorna-work-section.img-overflow .robot-img img {
width: 100%;
height: 100%;
}
.dorna-work-section .io-upper {
width: 100%;
}
section.pad.ps-section {
padding-bottom: 130px;
}
.accordian-item.active {
margin-bottom: 0;
}
.compare-wrppaer-mobile {
display: none;
}
.product-tab-wpr-mobile {
display: none;
}
.accordion-heading {
position: relative;
}
.product-tab-list span.nav-arrow {
position: absolute;
right: 20px;
top: 15px;
width: 20px;
height: 15px;
transition: 0.4s ease all
}
.product-tab-list span.nav-arrow svg path {
stroke: #D0D0D0;
}
.product-tab-list .accordian-item.active span.nav-arrow svg path {
stroke: #222;
}
.product-tab-list .accordian-item.active span.nav-arrow {
transform: rotate(-180deg);
}
.p-360-iframe {
margin-top: 55px;
border-radius: 24px;
overflow: hidden;
}
.p-360-iframe iframe {
width: 100%;
}
/* Dorna 2 CSS End */
/* Product and Product Inner CSS */
.cart-wrap {
display: flex;
justify-content: space-between;
padding: 0 50px;
column-gap: 70px;
align-items: flex-start;
}
.cart-wrap #big .item {
height: 505PX;
}
.right-info .cart-h h1 {
font-family: 'Satoshi', sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 58px;
letter-spacing: 0.02em;
text-align: left;
margin-bottom: 10px;
text-transform: capitalize;
}
.right-info .cart-h h5,
.starting_price {
font-family: 'Satoshi', sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0.02em;
text-align: left;
color: #717171;
text-transform: uppercase;
margin-bottom: 12px;
}
.starting_price {
text-transform: initial !important;
}
.cart-h {
margin-bottom: 25px;
}
.cart-wrap .dorna-slider-section {
width: 55%;
background: #fff;
padding: 20px 15px;
border-radius: 16px;
padding-bottom: 7px;
height: auto;
}
.right-info {
width: 40%;
}
.cart-h p {
font-size: 16px;
font-weight: 500;
line-height: 152%;
letter-spacing: 0.03em;
text-align: left;
color: #717171;
}
.cat-head {
font-family: 'Satoshi', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 17px;
letter-spacing: 0.15em;
text-align: left;
color: #717171;
text-transform: uppercase;
margin-bottom: 20px;
}
.right-info label {
/* font-family: 'Satoshi', sans-serif; */
font-size: 16px;
font-weight: 500;
line-height: 152%;
letter-spacing: 0.03em;
text-align: left;
color: #222222;
margin-bottom: 16px;
margin-left: 14px;
}
.right-info label:last-child {
margin-bottom: 0;
}
.right-info .config {
border-top: 0.5px solid #717171;
border-bottom: 0.5px solid #717171;
padding-top: 22px;
}
.right-info .form-grp input#config {
width: 18px;
height: 18px;
cursor: pointer;
}
.right-info .form-grp input#warranty {
width: 18px;
height: 18px;
cursor: pointer;
}
.warranty {
margin-top: 22px;
border-bottom: 0.5px solid #717171;
}
.right-info input[type=radio] {
accent-color: #111111;
}
.right-info .desc {
margin-left: 40px;
border-bottom: 1px solid #707070;
margin-bottom: 23px;
padding-bottom: 23px;
}
.right-info .c2 .desc {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0px;
}
.unchecked {
color: #D1D1D1;
}
.desc:first-child {
display: block;
}
.submit {
margin-top: 30px;
}
.submit input {
width: 100%;
background: #FFF617;
border: none;
color: #111111;
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: center;
text-transform: uppercase;
padding: 10px 0;
}
.dorna-slider-section #big .owl-nav .owl-prev {
height: 97%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.27) 0%, rgba(0, 0, 0, 0) 100%);
/* top: 21px; */
left: 10px;
width: auto;
border-top-left-radius: 8px !important;
border-bottom-left-radius: 8px !important;
}
.dorna-slider-section #big .owl-nav .owl-prev span {
font-size: 54px;
color: #fff;
}
.dorna-slider-section #big .owl-nav .owl-next {
height: 97%;
background: linear-gradient(270deg, rgba(0, 0, 0, 0.27) 0%, rgba(0, 0, 0, 0) 100%);
/* top: 21px; */
right: 10px;
width: auto;
border-top-right-radius: 8px !important;
border-bottom-right-radius: 8px !important;
}
.dorna-slider-section #big .owl-nav .owl-next span {
font-size: 54px;
color: #fff;
}
.dorna-slider-section #thumbs .owl-nav .owl-prev {
background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%) !important;
height: 94%;
position: absolute;
top: 0px;
left: 4px;
overflow: hidden;
border-top-left-radius: 7px !important;
border-bottom-left-radius: 7px !important;
}
.dorna-slider-section #thumbs .owl-nav .owl-prev span {
font-size: 34px;
color: #fff;
}
.dorna-slider-section #thumbs .owl-nav .owl-next {
background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%) !important;
height: 94%;
position: absolute;
top: 0px;
right: 0px;
overflow: hidden;
border-top-right-radius: 7px !important;
border-bottom-right-radius: 7px !important;
}
.dorna-slider-section #thumbs .owl-nav .owl-next span {
font-size: 34px;
color: #fff;
}
/*Accessories Inner*/
.acc-inn .banner-content h1 {
color: #ffffff !important;
}
.acc-inn .banner-para {
color: #DBDBDB;
}
.acc-inn .seconndary-cta {
color: #ffffff;
border-bottom: 3px solid #fff;
}
a.flex.svideo-banner.js-trigger-video-modal {
display: inline-flex;
}
.acc-inn .seconndary-cta:hover {
border-color: #FFF617;
color: #FFF617;
}
.acc-inn .cart-wrap {
padding: 0;
}
.acc-inn .cart-wrap .dorna-slider-section {
background: none;
padding: 0;
border-radius: 0;
width: 45%;
}
.acc-inn .right-info {
width: 51%;
}
.acc-inn .right-info .section-heading1 {
margin-bottom: 30px;
}
.acc-inn .right-info .cart-b {
margin-top: 15px;
margin-bottom: 40px;
}
.acc-inn .right-info h6 {
font-family: 'Satoshi', sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 25px;
letter-spacing: 0.03em;
text-align: left;
color: #222222;
}
.acc-inn .right-info .cart-b .main-f {
margin-top: 20px;
margin-left: 20px;
list-style: disc;
display: flex;
flex-direction: column;
row-gap: 10px;
width: 100%;
font-family: 'Manrope', sans-serif;
}
.main-f .mf-content {
font-size: 14px;
font-weight: 500;
line-height: 19px;
letter-spacing: 0.1em;
text-align: left;
color: #717171;
text-transform: capitalize;
font-family: 'Manrope', sans-serif;
}
.acc-inn .right-info .cart-f p {
font-size: 14px;
font-weight: 500;
line-height: 19px;
letter-spacing: 0.1em;
text-align: left;
color: #717171;
text-transform: uppercase;
margin-bottom: 25px;
border-bottom: 1px solid #DBDBDB;
padding-bottom: 5px;
width: 100%;
}
.acc-inn .right-info .cart-f p:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
.cart-f .pr-if {
display: flex;
justify-content: space-between;
max-width: 330px;
margin-top: 20px;
}
.cart-f .pr-if .pr-l {
width: 100%;
}
.cart-f .pr-if .pr-r {
width: 100%;
}
.acc-inn .cart-wrap #big .item {
height: 620px;
}
.acc-inn div#thumbs .dorna-img {
height: 100px;
}
.benefit-section.acc-inn {
padding-bottom: 100px;
}
.product-tab-list .tab1 button.tablinks1 {
font-family: 'Satoshi', sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 19px;
letter-spacing: 0.08em;
text-align: center;
color: #222222;
text-transform: uppercase;
padding: 20px 70px;
background: #fff;
/* border-right: 2px solid #E7E7E7; */
}
.product-tab-list .tab1 button.tablinks1:last-child {
border-right: none;
}
.product-tab-list {
text-align: center;
}
.product-tab-list .tab1 button.tablinks1.active {
background: #FFF617;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.product-tab-list .tabcontent1 {
/* height: 380px;*/
background: #fff;
padding: 70px 40px;
border-radius: 16px;
justify-content: space-between;
}
.configuration .tf-lf {
width: 65%;
align-self: center;
}
.configuration .tf-rh {
width: 30%;
}
.configuration .tf-rh .tfrh-img {
border-radius: 8px;
overflow: hidden;
max-height: 100%;
position: relative;
padding-top: 100%;
height: 0;
}
.tfrh-img img {
position: absolute;
top: 0;
left: 0;
}
.configuration .tf-lf h4 {
font-family: 'Satoshi', sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 44px;
letter-spacing: 0.02em;
text-align: left;
color: #222222;
margin-bottom: 16px;
}
.configuration .tf-lf p {
font-family: Manrope;
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #343434;
}
.configuration .section-heading1 {
width: 100%;
}
.package .pc-h {
text-align: center;
margin-bottom: 64px;
}
.package .pci {
/* height: 540px; */
border-radius: 8px;
overflow: hidden;
height: 0px !important;
position: relative;
padding-top: 40%;
}
.package .pci img {
position: absolute;
left: 0px;
top: 0px;
}
.package .pc-f {
display: flex;
justify-content: space-evenly;
margin-top: 55px;
width: 85%;
margin-left: auto;
margin-right: auto;
}
.package .pcf-li {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #555555;
text-transform: capitalize;
}
ul.pcf-ul {
display: flex;
flex-direction: column;
row-gap: 18px;
}
.pcf-l {
width: 46%;
}
.package .pc-f {
display: flex;
justify-content: space-between;
margin-top: 55px;
}
.pcf-r {
width: 46%;
}
.configuration .product-360-wrapper {
width: 65%;
}
.faq-section.pad-c {
padding-top: 100px;
}
/*Accessories Inner Ends*/
/* youtube modal start */
div#youtubemodal .modal-dialog.modal-dialog-centered {
max-width: 980px;
}
div#youtubemodal .modal-header {
position: absolute;
top: -60px;
}
.btn-close:focus {
box-shadow: none;
}
div#youtubemodal .modal-header button.btn-close {
opacity: 1;
margin-bottom: 10px;
}
/* youtube modal end */
.new-overlay {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.dorna-banner .banner-content {
width: 50%;
}
.dorna-banner .banner-content .banner-para {
width: 70%;
}
.benefit-wrapper .grid {
column-gap: 90px;
}
.chse-dorna-2-section .pp-feat-content p {
margin-top: 8px;
padding-right: 30px;
}
.dorna-compr-col .compare-content {
width: 85%;
}
/* Thank you CSS start */
section.extrapad.thank-you-section {
padding-top: 200px;
}
.thankyou-wrapper {
text-align: center;
width: 60%;
margin: 0 auto;
}
.site-header__title {
font-size: 70px;
font-weight: bold;
line-height: 80px;
}
.icon-div {
margin: 25px 0;
}
.icon-div {
width: 80px;
margin: 25px auto;
margin-top: 0px;
height: 80px;
}
.icon-div img {
width: 100%;
height: 100%;
}
.main-content {
margin-top: 20px;
}
.main-content .CTA-wrapper {
margin-top: 40px;
}
/* Thank you CSS end */
div#thumbs .owl-item.active .item .dorna-img {
border: 3px solid transparent;
border-radius: 10px;
}
div#thumbs .owl-item.active.current .item .dorna-img {
border: 3px solid #222;
}
.dropdown_c .selected .color span {
text-transform: uppercase;
}
.dropdown_c.dropdown_click_color.rotate .selected:before {
transform: rotate(177deg);
}
.dropdown_c .selected:before {
background-image: url(../img/blog-main/dropdown-arrow.svg);
background-size: 12px;
background-repeat: no-repeat;
background-position: 90% 64%;
position: absolute;
content: "";
right: 10px;
width: 12px;
height: 12px;
top: 10px;
transition: 0.3s ease all;
}
.mega-menu-dropdown .mm-flex {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 22px;
grid-row-gap: 34px;
}
.mega-menu-dropdown .mm-product-box {
width: auto;
margin: 0;
background: transparent;
border-radius: 16px;
padding: 0;
transition: 0.4s ease all;
}
.mega-menu-dropdown p.mm-product-description {
display: none;
}
.mega-menu-dropdown .mm-product-content {
margin-top: 0;
min-width: 200px;
margin-left: 20px;
}
.mega-menu-dropdown .mm-product-box {
width: auto;
margin: 0;
background: transparent;
border-radius: 16px;
padding: 0;
transition: 0.4s ease all;
display: flex;
align-items: center;
justify-content: center;
}
.mega-menu-dropdown .mm-product-img {
height: 0;
border-radius: 14px;
overflow: hidden;
position: relative;
padding-top: 0;
height: 100px;
width: 100px;
}
.mega-menu-dropdown .mm-product-img img {
position: relative;
top: inherit;
left: inherit;
object-fit: inherit;
}
.mega-menu-dropdown .mm-product-icon {
display: none;
}
.mega-menu-dropdown .mm-product-box:hover {
background: transparent;
}
.mega-menu-dropdown .mm-product-box:hover h4.mm-product-title {
color: #111;
}
.mega-menu-dropdown .mm-product-box:hover .mm-product-arrow svg path {
fill: #222;
}
.mega-menu-dropdown .mm-product-content {
width: calc(100% - 100px);
}
/* ABout Grid Section */
.grid-img-box {
display: flex;
align-items: center;
justify-content: center;
}
.grid.grid-img-div {
grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: 40px;
grid-row-gap: 60px;
}
.grid-img {
display: flex;
align-items: center;
justify-content: center;
}
.grid-img img {
Width: auto;
height: auto;
max-width: 108px;
max-height: 34px;
/* min-height: 30px; */
}
.grid-img-wrapper {
margin-top: 80px;
}
ul.ideal-list {
display: flex;
flex-wrap: wrap;
align-items: center;
row-gap: 30px;
margin: 15px 0;
}
ul.ideal-list li {
width: 50%;
font-size: 14px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0.1em;
text-align: left;
color: #717171;
text-transform: capitalize;
padding-left: 24px;
position: relative;
}
ul.ideal-list li:before {
content: "";
position: absolute;
width: 20px;
height: 20px;
left: 0;
top: 0px;
background-image: url(https://simpletesting.website/dorna/wp-content/uploads/2023/03/checkmark-png-25954.png);
background-size: 16px;
background-position: center;
background-repeat: no-repeat;
}
/* .story-content h2.section-heading1 {
line-height: 190%;
}
.about-feat-section h2.section-heading2 {
line-height: 190%;
} */
.app-banner h1.heading-h1 {
line-height: 130%;
}
.btn-wrapper {
display: flex;
column-gap: 20px;
align-items: center;
}
.banner-quote-cta a {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: center;
color: #fff;
text-transform: uppercase;
border-bottom: 3px solid #fff;
padding-bottom: 3px;
transition: 0.5s ease all;
text-decoration: none;
}
.banner-quote-cta a u {
text-decoration: none !important;
}
h2.testi-quote.section-heading1 {
font-size: 40px;
line-height: 140%;
}
.var_info {
margin-top: 20px;
padding-bottom: 10px;
display: flex;
align-items: center;
}
.total_prc {
padding-bottom: 20px;
padding-left: 8px;
}
.total_prc span {
font-family: 'Satoshi', sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0.02em;
text-align: left;
color: #222;
text-transform: uppercase;
margin-bottom: 0;
}
span.price {
padding-left: 5px;
}
/* .woocommerce .add-request-quote-button.button, .woocommerce .add-request-quote-button-addons.button{
border: 1px solid #c8b400 !important;
}
.yith-ywraq-add-to-quote:hover {
background: #c8b400 !important;
}
.woocommerce .add-request-quote-button.button:hover, .woocommerce .add-request-quote-button-addons.button:hover{
border: 1px solid #c8b400 !important;
} */
span.woocommerce-Price-amount.amount bdi {
font-family: 'Satoshi', sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 32px;
letter-spacing: 0.02em;
text-align: left;
color: #222;
text-transform: uppercase;
margin-bottom: 0;
transition: 0.3s ease all;
}
.var_info p {
font-family: 'Satoshi', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.02em;
text-align: left;
color: #222;
text-transform: uppercase;
margin-bottom: 0;
padding-left: 8px;
transition: 0.3s ease all;
}
.yith-ywraq-add-to-quote {
padding: 10px 20px;
}
.yith_ywraq_add_item_browse-list-377.yith_ywraq_add_item_browse_message.hide-when-removed a {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #222222 !important;
text-decoration: underline;
margin-top: 8px;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 35px;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 35px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 35px;
}
.related-product-slider-wraper {
position: relative;
}
.owl-nav {
position: absolute;
width: 100%;
top: 50%;
}
.related-product-slider-wraper .owl-nav button {
background: transparent !important;
position: absolute;
}
.related-product-slider-wraper .owl-nav button i {
font-size: 45px;
}
.related-product-slider-wraper .owl-nav button.owl-prev {
background: transparent !important;
left: -45px;
}
.related-product-slider-wraper .owl-nav button.owl-next {
background: transparent !important;
right: -45px;
}
.related-product-slider-wraper .owl-nav button.owl-prev.disabled {
opacity: 0.5;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
.dorna-banner .banner-content-btn .seconndary-cta:hover {
border-color: #FFF617;
color: #FFF617;
}
.banner-quote-cta a {
border-color: #FFF617;
color: #FFF617;
}
.product_features h6 {
font-size: 20px;
font-weight: 600;
}
section.pad.dorna-work-section.img-overflow {
padding-top: 100px;
}
li.woocommerce-MyAccount-navigation-link a {
color: #222222 !important;
}
.static-content-row ul li.woocommerce-MyAccount-navigation-link:before {
display: none;
}
li.woocommerce-MyAccount-navigation-link.is-active a {
color: #C8B400 !important;
border-color: #C8B400;
}
.static-content-row .woocommerce-MyAccount-content h3 {
font-size: 40px;
line-height: 48px;
margin-bottom: 20px;
}
header.woocommerce-Address-title.title {
display: flex;
align-items: center;
justify-content: space-between;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-right: 25px;
}
.woocommerce-account .addresses .title::after,
.woocommerce-account .addresses .title::before {
display: none;
}
.woocommerce h2 {
font-size: 50px;
line-height: 60px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
background-color: #fff;
border: none;
padding: 0;
}
.page-id-106 .woocommerce {
background: #fff;
padding: 20px;
}
.page-id-106 .static-content-row {
padding-top: 0px;
}
form.woocommerce-form.woocommerce-form-login.login label {
font-family: 'Satoshi', sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: left;
color: #959595;
text-transform: uppercase;
margin-bottom: 8px;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
margin-top: 20px;
}
input.woocommerce-Input.woocommerce-Input--text.input-text {
background: #F2F2F2;
border-color: #F2F2F2;
font-size: 14px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0.15em;
color: #222;
border-radius: 2px;
box-shadow: none;
border: 1px solid #ced4da;
padding: 0.375rem 0.75rem;
}
.static-content-row .woocommerce-MyAccount-content h3 {
font-size: 30px;
line-height: 40px;
margin-bottom: 0;
}
.blog-inner {
transition: 0.4s ease all;
background-color: transparent;
border: 1px solid rgb(226, 226, 226);
border-radius: 8px;
display: flex;
flex-direction: column;
}
.blog-inner .b-text {
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.blog-inner:hover {
background-color: #F2F2F2;
box-shadow: rgba(0, 0, 0, 0.23) 0px 3px 10px 3px;
}
/*
.blog-inner:hover .b-head {
color: #FFF617;
}
*/
section#get_in_touch {
padding-top: 120px;
}
.ban-img iframe {
position: absolute;
top: 0px;
left: 0px
}
.ban-container.video-sp .ban-img {
padding-top: 50%;
}
.tc-video-wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.yith_ywraq_add_item_product-response-377.yith_ywraq_add_item_product_message.hide.hide-when-removed img {
width: 20px;
height: 20px;
}
.woocommerce a.remove {
display: flex !important;
justify-content: center;
align-items: center;
padding-left: 3px;
}
p.form-row.form-row-wide.raq-send-request-row img {
width: 20px;
height: 20px;
}
.yith-ywraq-add-to-quote img {
width: 20px !important;
height: 20px !important;
}
.static-content-row .product-name ul li:before {
display: none !important;
}
.static-content-row .product-name ul li {
padding-left: 0px !important;
}
.static-content-row .product-name a {
text-align: left !important;
}
h1.page-title {
font-size: 60px;
line-height: 130%;
}
/* .resource_link li{
position: relative;
padding-left: 24px;
margin-bottom: 10px;
}
.resource_link li:before{
content: "";
position: absolute;
width: 10px;
height: 10px;
background-color: #222;
left: 0px;
top: 10px;
border-radius: 50%;
} */
.resource_link li {
margin-bottom: 10px;
text-align: left;
}
.resource_link li:last-child {
margin-bottom: 0px;
}
.resource_link li a {
font-family: 'Satoshi', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0.15em;
text-align: left;
color: #A6A6A6;
text-transform: uppercase;
border-bottom: 2px solid #A6A6A6;
padding-bottom: 2px;
transition: 0.5s ease all;
}
.resource_link li a:hover {
color: #222;
border-color: #222;
}
.static-content-row ul.woocommerce-error li:before {
display: none;
}
span.heateor_sss_svg svg:hover path {
fill: #FFF617 !important;
}
.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
margin-top: 6px;
}
.heateor_sss_sharing_ul a {
border-bottom: none !important;
padding: 0;
margin-right: 16px;
}
/* Swiper Slider CSS */
.gallery {
width: 100%;
/* max-width: 620px; */
/* margin: 40px auto; */
overflow: hidden;
position: relative;
}
.gallery-slider {
width: 100%;
height: auto;
margin: 0 0 10px 0;
}
.gallery-slider .swiper-slide {
width: auto;
/* height: 400px; */
}
.gallery-slider .swiper-slide img {
display: block;
/* width: auto; */
height: 100%;
margin: 0 auto;
}
.gallery-thumbs {
width: 100%;
padding: 0;
overflow: hidden;
}
.gallery-thumbs .swiper-slide {
width: auto;
height: auto;
text-align: center;
overflow: hidden;
opacity: 1;
border: 3px solid transparent;
border-radius: 8px;
}
.gallery-thumbs .swiper-slide .dorna-img {
width: 100%;
cursor: pointer;
padding-top: 100%;
}
.gallery-thumbs .swiper-slide-thumb-active {
border: 3px solid #222;
}
.gallery-thumbs .swiper-slide-thumb-active .dorna-img {
opacity: 1;
}
.gallery-thumbs .swiper-slide img {
/* width: auto; */
height: 100%;
}
.swiper-navigation .swiper-button-prev {
left: 25px;
font-size: 40px;
color: #fff !important;
top: 40%;
width: 50px;
height: 50px;
background: #222;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 180%;
padding-bottom: 4px;
padding-right: 4px;
}
.swiper-navigation .swiper-button-next {
font-size: 40px;
color: #fff;
right: 25px;
top: 40%;
width: 50px;
height: 50px;
background: #222;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 180%;
padding-bottom: 4px;
padding-left: 4px;
}
.swiper-navigation .swiper-button-prev:after {
display: none;
}
.swiper-navigation .swiper-button-next:after {
display: none;
}
/* Shopping Cart CSS */
.shoping-cart {
margin-left: 32px;
}
.shoping-cart a {
position: relative;
}
span.cart-num {
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #222;
top: -10px;
right: -10px;
}
.banner-overlay {
display: none;
}
.ban-overlay {
display: none;
}
.banner-section {
background-color: #b7b7b7;
}
.main-banner .banner-wrapper {
flex-direction: column;
}
.banner-button-wrapper {
display: flex;
gap: 30px;
align-items: center;
z-index: 99;
}
.banner-button-wrapper .seconndary-cta.white {
background: transparent;
color: #fff;
border-color: #fff;
}
.dorna-work-section .banner-button-wrapper {
justify-content: right;
}
.f-img-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.pp-feat-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.banner-button-wrapper .seconndary-cta.white:hover {
border-color: #FFF617;
}
.fg-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.ft-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.eff-img-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.pp-feat-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.st-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.qf-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.tfrh-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.apl-dorna-img video {
width: 100%;
height: auto;
}
.ban-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.st-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
section.solution-section .banner-button-wrapper {
justify-content: center;
}
.pp-section .banner-button-wrapper {
justify-content: center;
}
.cf-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.about-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.ban2 video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.about-img video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.facts .f-text.black .seconndary-cta {
color: #fff;
border-color: #fff;
}
.facts .f-text .banner-button-wrapper {
justify-content: center;
}
span.yellow-text:before {
content: "";
position: absolute;
width: 100%;
height: 26px;
background: #FFF617;
z-index: -1;
top: inherit;
left: 0;
bottom: 0px;
}
span.yellow-text {
display: inline-block;
border-style: none;
border-width: 0 !important;
border-color: transparent !important;
line-height: inherit !important;
position: relative;
z-index: 10;
}
span.yellow-border {
display: inline-block;
border-style: none;
border-width: 0 !important;
border-color: transparent !important;
line-height: inherit !important;
position: relative;
z-index: 10;
}
span.yellow-border:before {
content: "";
position: absolute;
width: 100%;
height: 26px;
background: #FFF617;
z-index: -1;
top: inherit;
left: 0;
bottom: 0px;
}
.acs-card:hover .acs-content span.woocommerce-Price-amount.amount bdi {
color: #fff;
}
section.extrapad.dorna-intro-section {
padding-bottom: 0px;
}
.swiper-button-next.swiper-button-disabled {
/* display: none; */
opacity: 0.5;
}
.swiper-button-prev.swiper-button-disabled {
/* display: none; */
opacity: 0.5;
}
.dorna-compr-col .compare-content h4 {
text-align: center;
}
.dorna-compr-col .compare-content p {
text-align: center;
}
.section-arrow-one.active {
opacity: 1;
visibility: visible;
transition-delay: 4s;
}
.scrolldown-btn {
position: absolute;
opacity: 0;
visibility: hidden;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
transition: .2s ease all;
animation: scrollanim2 1s ease-in-out infinite alternate;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 89.5%;
text-align: center;
letter-spacing: 1.5px;
width: auto;
color: #222;
display: none;
z-index: 10;
}
@-webkit-keyframes scrollanim2 {
0% {
-webkit-transform: translate(0, -40px);
-moz-transform: translate(0, -40px);
-ms-transform: translate(0, -40px);
-o-transform: translate(0, -40px);
transform: translate(0, -40px);
opacity: 0;
}
60% {
-webkit-transform: translate(0, 0px);
-moz-transform: translate(0, 0px);
-ms-transform: translate(0, 0px);
-o-transform: translate(0, 0px);
transform: translate(0, 0px);
opacity: 0.6;
}
}
@-moz-keyframes scrollanim2 {
0% {
-webkit-transform: translate(0, -20px);
-moz-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
-o-transform: translate(0, -20px);
transform: translate(0, -20px);
opacity: 0;
}
60% {
-webkit-transform: translate(0, 0px);
-moz-transform: translate(0, 0px);
-ms-transform: translate(0, 0px);
-o-transform: translate(0, 0px);
transform: translate(0, 0px);
opacity: 0.6;
}
}
@keyframes scrollanim2 {
0% {
-webkit-transform: translate(0, -20px);
-moz-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
-o-transform: translate(0, -20px);
transform: translate(0, -20px);
opacity: 0;
}
60% {
-webkit-transform: translate(0, 0px);
-moz-transform: translate(0, 0px);
-ms-transform: translate(0, 0px);
-o-transform: translate(0, 0px);
transform: translate(0, 0px);
opacity: 0.6;
}
}
.error-page-wrapper {
margin-top: 70px;
text-align: center;
width: 70%;
margin: 0 auto;
margin-top: 50px;
}
.error-page-big-heading {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 110px;
line-height: 88.02%;
letter-spacing: -0.04em;
text-transform: uppercase;
color: #222;
margin-top: 10px;
}
.error-page-small-heading {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 32px;
line-height: 99.52%;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #222;
}
.error-page-subtext {
margin-top: 20px;
}
.error-page-subtext span {
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 150%;
color: #6D6D6D;
}
.error-page-btn-wrapper.button-wrapper {
margin-top: 40px;
}
.bt-wrapper .wp-block-embed__wrapper {
position: relative;
height: 0px;
padding-top: 55%;
overflow: hidden;
}
.bt-wrapper .wp-block-embed__wrapper iframe {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.static-content-row ul li:before {
display: none;
}
.static-content-row ul {
list-style: inherit;
}
.static-content-row ul li {
list-style: inherit;
padding-left: 0px;
margin-left: 24px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.03em;
text-align: left;
color: #717171;
}
.static-content-row li {
list-style: inherit;
padding-left: 0px;
margin-left: 24px;
}
.hamburger-box .dropdown-list a {
font-family: 'Satoshi', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0.12em;
text-align: left;
color: #fff;
text-transform: uppercase;
transition: 0.5s ease all;
position: relative;
padding-bottom: 5px;
}
.hamburger-box .dropdown-list li {
margin-bottom: 10px;
}
.hamburger-box .dropdown-list a:before {
content: "";
position: absolute;
width: 0;
height: 2px;
background-color: #C8B400;
bottom: 0px;
left: 0;
right: 0;
transition: 0.5s ease all;
}
.hamburger-box .dropdown-list a:hover:before {
width: 100%;
}
.main-dropdown-wrapper ul.dropdown-list li {
margin: 0 32px;
}
ul.cd-nav__primary ul.dropdown li {
margin: 0;
}
section.pad.pp-feat-section.about-feat-section.reverse .flex.pp-feat-row {
flex-direction: row-reverse;
}
section.pad.pp-feat-section.about-feat-section.reverse {
padding: 0;
}
section.pad.pp-feat-section.about-feat-section {
padding: 0;
}
.about-feat-section .flex.pp-feat-row {
padding: 70px 0 35px;
}
.custom-modal .modal-body iframe {
height: auto;
}
.custom-modal.youtubemodal .modal-body iframe {
width: 100%;
height: 600px;
}
.solution-section.solution-grid .foot-grid .fg-wrapper {
grid-template-columns: repeat(3, 1fr);
}
#yith-ywraq-form table.cart .product-thumbnail {
display: block;
}
.static-content-row td.product-thumbnail a {
border: none;
}
.ywraq-form-table-wrapper.wide td.product-name a {
font-size: 11px;
border: none;
}
.static-content-row #yith-ywraq-form table.cart .product-thumbnail {
display: flex;
}
form#yith-ywraq-form .shop_table.cart .cart_item .product-name ul {
margin: 0px !important;
}
/* td.product-thumbnail img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
width: 80px !important;
height: 80px !important;
} */
.modal-header button.btn-close {
background: transparent url('data:image/svg+xml,%3csvg xmlns='http: //www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e') center/1em auto no-repeat !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
input::-webkit-inner-spin-button {
opacity: 1;
}
input[type="number"] {
-moz-appearance: textfield;
}
form.checkout_coupon.woocommerce-form-coupon {
padding: 20px;
}
form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last {
margin-top: 0px;
margin: 0 !important;
}
form.checkout_coupon.woocommerce-form-coupon button.button {
font-family: 'Satoshi', sans-serif;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.15em;
text-align: center;
color: #222222;
text-transform: uppercase;
border-bottom: 3px solid #222;
padding-bottom: 3px;
transition: 0.5s ease all;
background: transparent;
padding: 0 !important;
font-size: 14px;
}
form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last {
margin-top: 12px;
}
.static-content-row ul li.wc_payment_method.payment_method_stripe:before {
display: none !important;
}
li.wc_payment_method:before {
display: none !important;
}
.woocommerce-checkout-payment .wc-stripe-elements-field, .woocommerce-checkout-payment .wc-stripe-iban-element-field {
outline: 0;
background: #f2f2f2;
border: none;
padding: 10px 20px;
border-radius: 4px;
}
.woocommerce-checkout #payment div.form-row {
padding: 0px;
}
.form-row.place-order {
padding: 20px !important;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float:none;
padding: 15px 42px 15px 12px;
font-family: 'Satoshi', sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 13px;
letter-spacing: 0.15em;
text-align: center;
text-transform: uppercase;
justify-content: center;
position: relative;
overflow: hidden;
transition: 0.4s ease all;
height: 40px;
background: black;
color: white;
}
table.shop_table.woocommerce-checkout-review-order-table td {
font-size: 14px;
}
table.shop_table.woocommerce-checkout-review-order-table span.woocommerce-Price-amount.amount bdi {
font-family: 'Satoshi', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 32px;
letter-spacing: 0.02em;
text-align: left;
color: #222;
text-transform: uppercase;
margin-bottom: 0;
transition: 0.3s ease all;
}
li.wc_payment_method.payment_method_paypal label {
display: inline-flex;
align-items: center;
gap: 20px;
}
li.wc_payment_method.payment_method_paypal img {
max-height: 100% !important;
width: 200px
}
li.wc_payment_method.payment_method_paypal a.about_paypal {
line-height: 110% !important;
}
li.wc_payment_method.payment_method_paypal {
padding-bottom: 24px !important;
}
li.woocommerce-SavedPaymentMethods-new:before {
display: none !important;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
padding-right:12px !important;
}
section.blog-text.bt-bottom.static-content-row li a {
display: flex !important;
}
section.blog-text.bt-bottom.static-content-row li > ol li {
position: relative;
list-style: none !important;
}
section.blog-text.bt-bottom.static-content-row li > ol li:before {
content: "";
position: absolute;
width: 5px;
height: 5px;
background-color: #222;
left: -17px;
top: 6px;
border-radius: 50%;
}
.marquee-bar {
padding: 10px 20px;
background: #000;
}
ul.marqueeslide {
display: flex;
gap: 60px;
}
ul.marqueeslide li {
font-family: 'Satoshi', sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 13px;
letter-spacing: .15em;
text-align: center;
color: #fff617;
}
section.blog-text.bt-bottom.static-content-row li a {
border-bottom: none !important;
font-family: 'Manrope', sans-serif;
font-size: 16px;
letter-spacing: normal !important;
}
section.blog-text.bt-bottom.static-content-row p a {
font-family: 'Manrope', sans-serif;
font-size: 16px;
letter-spacing: normal !important
}
.ac-img-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
transition: 0.4s ease all;
/* clip-path: inset(100% 100% 100% 100%); */
background: transparent;
/* opacity: 0.3; */
gap: 20px;
padding: 20px;
opacity: 0;
z-index: -1;
visibility: hidden;
overflow: hidden;
}
.acs-card:hover .ac-img-overlay {
/* clip-path: inset(0 0 0 0); */
background: #22222259;
opacity: 1;
z-index: 1;
visibility: visible;
}
.primary-CTA.sold-out-btn {
height: auto;
display: flex;
gap: 10px;
flex-direction: column;
background: #fff617;
color: #222;
padding-right: 25px;
padding-left: 25px;
}
.primary-CTA.sold-out-btn:before {
display: none;
}
.restock-text {
font-size: 11px;
text-transform: capitalize;
}
.solution-section .primary-CTA.sold-out-btn:hover {
background: #fff617;
color: #222;
}
.marquee-bar {
/* display: none !important; */
}
section.blog-text.bt-bottom.static-content-row p a {}
/* responsive CSS */
/* 1600px Min width */
@media only screen and (min-width: 1600px) {
section.main-banner {
min-height: 650px;
height: 105vh;
}
.img-overflow .io-upper-text {
width: 45%;
}
}
/* 1500px */
@media only screen and (max-width: 1500px) {
.main-banner .banner-wrapper {
width: 55%;
}
.heading-h1 {
font-size: 66px;
line-height: 74px;
}
.heading-h2 {
font-size: 56px;
}
.line-hgt-150 {
line-height: 66px;
}
.section-heading2 {
font-size: 55px;
line-height: 60px;
}
.related-product-slider-wraper .owl-nav button.owl-prev {
background: transparent !important;
left: -10px;
}
.related-product-slider-wraper .owl-nav button.owl-next {
background: transparent !important;
right: -1px;
}
section.extrapad.static-section .container-fluid {
width: 80%;
margin: 0 auto;
}
.static-content-row .woocommerce.ywraq-wrapper.ywraq-with-form ul {
margin: 0px;
}
.static-content-row .woocommerce.ywraq-wrapper.ywraq-with-form li {
list-style: none;
margin: 0;
}
}
/* 1400px */
@media only screen and (max-width: 1400px) {
#homepage .blogs {
padding-bottom: 100px;
}
.main-banner .banner-wrapper {
width: 60%;
}
.padt-200 {
padding-top: 130px;
}
.pad-100 {
padding: 60px 0;
}
.banner-head-text {
font-size: 64px;
line-height: 70px;
}
.section-heading1 {
font-size: 54px;
line-height: 62px;
}
.solution-section .head-cta h2 {
width: 70%;
}
.solution-section .foot-grid .fg-wrapper {
margin-top: 55px;
}
.solution-section .head-cta p {
padding: 22px 0 32px 0;
}
.section-heading2 {
font-size: 55px;
line-height: 56px;
}
.img-overflow .io-grid-wrapper .g-head {
font-size: 18px;
line-height: 22px;
}
.container-fluid {
max-width: 100%;
padding: 0 25px;
}
.pad {
padding: 50px 0;
}
.banner-section {
min-height: 600px;
}
.heading-h1 {
font-size: 55px;
line-height: 66px;
}
.banner-content {
width: 60%;
}
.grid {
grid-row-gap: 60px;
}
.acs-para {
font-size: 14px;
line-height: 20px;
}
.line-hgt-150 {
line-height: 58px;
}
.heading-h2 {
font-size: 50px;
}
.extrapad {
padding: 100px 0;
}
.nav-link {
font-size: 11px;
}
.acs-title {
font-size: 18px;
line-height: 22px;
}
frame {
width: 370px;
}
.con-form .container-fluid {
padding-top: 40px;
}
.form {
min-width: 680px;
}
.hamburger-bottom .mm-flex {
width: 75%;
margin: 0 auto;
}
.configuration .product-360-wrapper {
width: 60%;
}
section.bkg-style.pad-100.story-section {
height: 460px;
}
.solution-section .head-cta p {
width: 60%;
}
h2.testi-quote.section-heading1 {
font-size: 34px;
}
.related-product-slider-wraper .owl-nav button.owl-prev {
background: transparent !important;
left: 25px;
}
.related-product-slider-wraper .owl-nav button.owl-next {
background: transparent !important;
right: 25px;
}
.static-content-row .woocommerce-MyAccount-content h3 {
font-size: 26px;
line-height: 36px;
margin-bottom: 0;
}
li.woocommerce-MyAccount-navigation-link a {
text-align: left;
}
h1.page-title {
font-size: 54px;
line-height: 130%;
}
.img-overflow .io-upper-text {
top:20%;
}
}
/* 1300px */
@media only screen and (max-width: 1300px) {
.main-navbar .navbar-brand {
width: 180px;
}
.nav-link {
font-size: 10px;
line-height: 16px;
}
#homepage .blogs {
padding-bottom: 90px;
}
.section-heading1 {
font-size: 50px;
line-height: 55px;
}
.section-heading2 {
font-size: 50px;
line-height: 52px;
}
.img-overflow .io-grid-wrapper .g-head {
font-size: 18px;
line-height: 22px;
width: 60%;
}
.static-section {
padding-top: 150px;
}
h1.page-title {
font-size: 48px;
line-height: 130%;
}
.p-footer {
margin-top: 100px;
width: 55%;
}
.pad-100 {
padding: 50px 0;
}
.con-form {
padding-top: 80px;
}
.facts .f-text h3 {
font-size: 40px;
line-height: 54px;
}
.facts .f-icon {
height: 75px;
width: 75px;
}
.main-footer .footer-upper .upper-top .top-heading h3 {
font-size: 40px;
line-height: 50px;
}
.double {
flex-direction: column;
row-gap: 24px;
}
.form-group .fgd-l {
width: 100%;
}
.form-group .fgd-r {
width: 100%;
}
.form-group p {
justify-content: left;
margin-top: 6px;
}
.facts .f-text p {
width: 80%;
margin-bottom: 40px;
}
.facts .f-text h3 {
font-size: 40px;
line-height: 49px;
}
.blg-content-wrapper {
top: 30px;
}
.blg-img-wrapper {
height: 490px;
}
.ban-img {
height: 535px;
margin: 0 auto;
width: 100%;
}
.form {
min-width: 615px;
}
.form input {
padding: 10px 10px;
}
.f-group select {
padding: 13px 10px;
}
.get-details a {
font-size: 14px;
line-height: 22px;
}
.static-content-row h1 {
font-size: 62px;
line-height: 70px;
}
.static-content-row h2 {
font-size: 54px;
line-height: 62px;
}
.static-content-row h3 {
font-size: 42px;
line-height: 50px;
}
.static-content-row h4 {
font-size: 28px;
line-height: 36px;
}
.static-content-row h5 {
font-size: 24px;
line-height: 32px;
}
.static-content-row h6 {
font-size: 20px;
line-height: 28px;
}
section.contact-section {
padding-bottom: 170px;
}
.benefit-content h3 {
font-size: 28px;
line-height: 38px;
}
.benefit-box {
padding-right: 0px;
}
h4.Choose-title {
font-size: 28px;
line-height: 38px;
margin-top: 30px;
}
.compare-content {
width: 80%;
}
.head .dorna-compr-box .compare-content {
margin-top: 25px;
width: 90%;
}
.dorna-compr-box .dorna-img {
width: 90%;
height: 110px;
}
.compare-row.flex.head {
padding-top: 0px;
padding-bottom: 35px;
}
.compare-row {
padding: 25px 0;
}
.price-content-title {
font-size: 36px;
line-height: 46px;
}
.price-amout {
font-size: 36px;
line-height: 44px;
margin-top: 30px;
}
.price-wrapper {
width: 90%;
margin: 0 auto;
}
.pirce-feat-title {
font-size: 15px;
}
li.price-feat-li p {
font-size: 15px;
line-height: 24px;
}
.price-box-img {
height: 80px;
width: 80px;
}
section.pad.ps-section {
padding-bottom: 140px;
}
.testi-quote svg {
width: 200px;
}
.testi-quote {
margin-bottom: -55px;
}
.accordion-heading {
font-size: 28px;
line-height: 38px;
}
.package .pci {
height: 490px;
}
.faq-section.pad-c {
padding-top: 70px;
}
ul.etu-list {
width: 100%;
}
.chse-dorna-2-section .pp-feat-content p {
padding-right: 0px;
}
.configuration .product-360-wrapper {
width: 55%;
}
.testi-comment h3 {
font-size: 20px;
}
/* .story-content h2.section-heading1 {
line-height: 190%;
} */
h2.testi-quote.section-heading1 {
font-size: 30px;
}
.app-ban-overlay {
height: 70%;
}
.static-content-row .woocommerce h2 {
font-size: 40px;
line-height: 50px;
margin-bottom: 0px;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
margin: 1em 0;
}
section#get_in_touch {
padding-top: 90px;
}
}
/*1300px Ends*/
/* 1200px */
@media only screen and (max-width: 1200px) {
.main-navbar .navbar-brand {
width: 150px;
}
.nav-link {
font-size: 9px;
line-height: 14px;
}
.primary-CTA {
padding: 11px 45px 11px 12px;
font-size: 10px;
line-height: 18px;
}
.banner-head-text {
font-size: 60px;
line-height: 65px;
}
.solution-section .head-cta h2 {
width: 60%;
}
.solution-section .head-cta p {
margin: 0 auto;
width: 50%;
padding: 24px 0 40px 0;
}
.section-heading1 {
font-size: 44px;
line-height: 52px;
}
h1.page-title {
font-size: 42px;
line-height: 130%;
}
.solution-section .foot-grid .fg-wrapper {
margin-top: 55px;
grid-auto-flow: column;
grid-auto-columns: 35%;
grid-template-columns: unset;
grid-template-rows: unset;
overflow: scroll;
}
.section-heading2 {
font-size: 40px;
line-height: 50px;
}
.img-overflow .io-grid-wrapper .g-head {
font-size: 16px;
line-height: 24px;
width: 70%;
}
span.yellow-text {
border-width: 19px 30px 26px;
}
.ft-wrapper .ft-right {
width: 40%;
}
.free-trail-wrapper .ft-wrapper:nth-child(even) .ft-left {
padding-left: 80px;
padding-right: 0px;
}
.free-trail .ft-left {
width: 60%;
align-self: center;
padding-right: 80px;
}
.facts .f-text h3 {
font-size: 34px;
line-height: 46px;
}
.section-heading1 {
font-size: 38px;
line-height: 46px;
}
.bi-wrapper .bi-left {
padding: 10px 20px;
}
.nav-link {
font-size: 9px;
line-height: 14px;
}
header.main-header .navbar-expand-lg .navbar-nav .nav-link {
padding: 30px 9px;
}
.bi-right .bir-img {
max-height: 380px;
}
.btm-img {
max-height: 205px;
}
/*
.blogs .blogs-wrapper {
grid-row-gap: 90px;
}
*/
.con-wrapper {
column-gap: 32px;
}
.get-con-head h6 {
font-size: 20px;
}
.get-details p {
font-size: 14px;
}
.get-details a {
font-size: 14px;
}
.blg-content-wrapper {
top: 40px;
}
.blg-img-wrapper {
height: 470px;
}
.dropdown-link {
font-size: 10px;
line-height: 18px;
}
.pp-feat-img {
height: 400px;
}
.about-feat-section .pp-feat-img {
height: auto;
}
.about-feat-section .pp-feat-img img {
width: 100%;
}
.about-feat-section .pp-feat-row {
padding: 60px 0;
padding-top: 100px;
}
section.bkg-style.pad-100.story-section {
background-position: -70%;
}
.story-wrapper {
width: 50%;
margin-left: 0;
margin-right: auto;
background: #fff;
padding: 20px 30px;
border-radius: 20px;
}
.get-details a {
font-size: 13px;
line-height: 22px;
}
.get-line {
margin: 35px 0;
}
.get-details {
margin-bottom: 50px;
}
.w-70 {
width: 50%;
}
.dorna-slider-section.column-45 {
width: 50%;
}
.dorna-content-section.column-50 {
width: 45%;
}
.dorna-content-section.column-45 {
width: 40%;
}
.dorna-easy-wpr.column-50 {
width: 55%;
}
.dorna-feat-wrapper {
justify-content: space-between;
}
.etu-box {
padding: 30px;
width: 90%;
}
.benefit-content h3 {
font-size: 24px;
line-height: 34px;
}
.li-icon svg {
width: 26px;
height: 26px;
}
.li-icon {
margin-right: 20px;
margin-top: 5px;
}
ul.price-feat-list {
margin-top: 25px;
}
.price-box {
padding: 50px 25px;
}
.price-content-title {
font-size: 32px;
line-height: 42px;
}
.price-amout {
font-size: 30px;
line-height: 38px;
margin-top: 24px;
}
.accordion-heading {
font-size: 24px;
line-height: 34px;
}
.dorna-work-section.img-overflow .io-upper-text {
width: 55%;
}
.testi-box {
width: 90%;
}
.dorna-compr-col .compare-content {
width: 100%;
}
section.extrapad.thank-you-section {
padding-top: 160px;
}
.site-header__title {
font-size: 60px;
font-weight: bold;
line-height: 70px;
}
.icon-div {
width: 70px;
height: 70px;
}
.img-overflow .io-upper h2 {
margin-bottom: 20px;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 30px;
}
.related-product-slider-wraper .owl-nav button.owl-prev {
background: transparent !important;
left: 25px;
}
.related-product-slider-wraper .owl-nav button.owl-next {
background: transparent !important;
right: 25px;
}
.app-ban-overlay {
height: 70%;
}
.static-content-row .woocommerce-MyAccount-content h3 {
font-size: 20px;
line-height: 34px;
margin-bottom: 0;
}
.solution-section.solution-grid .foot-grid .fg-wrapper {
grid-template-columns: unset;
}
}
/* 1100px */
@media(max-width: 1100px) {
.con-form {
padding-top: 60px;
}
.con-wrapper {
flex-direction: column-reverse;
}
.form {
width: 100%;
}
.get {
width: 100%;
}
.get-line {
width: 35%;
margin: 35px 0;
}
.get-con-content {
display: flex;
justify-content: space-between;
}
.ban-img {
height: 540px;
width: 100%;
margin: 0 auto;
}
.w-70 {
width: 60%;
}
.faqcontent .acc-h6 {
width: 80%;
}
.faqcontent .card-body p {
width: 75%;
}
.configuration .product-360-wrapper {
width: 60%;
}
.package .pci {
height: 380px;
}
.cart-wrap {
padding: 0 35px;
column-gap: 40px;
}
.right-info .cart-h h1 {
font-size: 40px;
}
.right-info .cart-h h5, .starting_price {
font-size: 21px;
}
.cart-wrap #big .item {
height: 445PX;
}
.faqcontent {
margin-top: 40px;
margin-left: 40px;
}
.cart-wrap .dorna-slider-section {
max-height: 600px;
}
.efficient .eff-right .CTA-wrapper {
margin-top: 25px;
}
.cf-left .cf-img {
max-height:390px;
}
.st-img-wrapper {
height: 470px;
}
.app-ban-overlay {
top: 10%;
}
.apl-dorna-content {
width: 57%;
}
.configuration .product-360-wrapper {
width: 55%;
}
section.bkg-style.pad-100.story-section {
height: 500px;
}
.img-overflow .io-upper-text {
top: 100px;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 65%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 25%;
margin-right: 0;
}
header.woocommerce-Address-title.title {
align-items: start;
flex-direction: column;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 65% !important;
}
li.woocommerce-MyAccount-navigation-link a {
text-align: left;
}
.static-content-row .woocommerce h2 {
font-size: 30px;
line-height: 40px;
margin-bottom: 0px;
}
.banner-content .banner-para {
width: 70%;
}
}
/* 1100px Ends */
/* 991px */
@media only screen and (max-width: 991px) {
.cnt-des {
margin-bottom: 18px;
}
.head .dorna-compr-box .compare-content {
width: 100%;
}
.dorna-compr-box .dorna-img {
height: 90px;
width: 100%;
}
.pad-100 {
padding: 50px 0;
}
.main-banner .banner-wrapper {
width: 70%;
padding-top: 70px;
}
.banner-head-text {
font-size: 60px;
line-height: 66px;
}
.solution-section .head-cta h2 {
width: 75%;
}
.section-heading1 {
font-size: 36px;
line-height: 44px;
}
h1.page-title {
font-size: 42px;
line-height: 130%;
}
.solution-section .foot-grid .fg-wrapper .fg-grid .fg-img {
/* height: 240px; */
border-radius: 12px;
overflow: hidden;
padding-top: 60%;
}
.fg-img img {
object-fit:cover;
}
.free-trail .ft-wrapper {
padding: 60px 0;
}
.free-trail .section-subhead-text {
width: 80%;
padding-top: 20px;
padding-bottom: 20px;
}
.p-footer {
margin-top: 20px;
width: 70%;
}
.section-heading2 {
font-size: 40px;
line-height: 44px;
}
.facts .f-wrapper {
margin-top: 50px;
}
.facts .f-text h3 {
font-size: 30px;
line-height: 40px;
}
.efficient .eff-wrapper {
display: flex;
column-gap: 35px;
}
.bf-left {
width: 60%;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100% !important;
}
.banner-footer .bf-left h5 {
font-size: 16px;
}
.main-footer .footer-upper .upper-top .top-heading h3 {
font-size: 30px;
line-height: 40px;
}
.solution-section .foot-grid .fg-wrapper {
margin-top: 55px;
grid-auto-flow: column;
grid-auto-columns: 40%;
grid-template-columns: unset;
grid-template-rows: unset;
overflow: scroll;
}
.solution-section .foot-grid .fg-wrapper {
padding-bottom: 30px;
}
.tc-left {
width: 100%;
}
.tc-right {
width: 100%;
margin-top: 20px;
}
.tab-section .tabcontent .tc-video-wrapper {
padding-top: 50%;
position: relative;
z-index: 2;
}
.facts .f-text h3 {
font-size: 34px;
line-height: 48px;
}
.free-trail .ft-left {
padding-right: 30px;
}
.free-trail-wrapper .ft-wrapper:nth-child(even) .ft-left {
padding-left: 50px;
padding-right: 0px;
}
.facts .f-img-container {
height: auto;
}
.facts .f-inner {
height: auto;
min-height: auto;
}
.banner-para {
width: 100%;
}
.c-content .c-card {
flex-direction: column;
}
.c-right h3 {
text-align: center;
}
.c-left .c-img {
height: 140px;
width: 140px;
}
.facts .f-text {
width: 55%;
}
.facts .f-img {
width: 45%;
}
.facts .f-img-container {
width: 332px;
}
.cf-wrapper {
flex-direction: column;
}
.cf-left {
width: 100%;
}
.cf-right {
width: 100%;
margin-top: 60px;
}
.facts .f-icon {
height: 75px;
margin-top: 40px;
width: 75px;
}
.facts .f-text h3 {
font-size: 36px;
line-height: 46px;
}
.facts .f-text p {
width: 80%;
}
/* .cf-left .cf-img{
height: 375px;
width: 75%;
}*/
.cf-left p {
width: 60%;
}
.banner-para {
font-size: 14px;
line-height: 20px;
margin-top: 24px;
}
.heading-h1 {
font-size: 48px;
line-height: 58px;
}
.banner-section {
min-height: 550px;
}
.facts .f-inner {
column-gap: 25px;
}
.c-content {
margin-top: 40px;
}
.c-left .c-img {
height: 80px;
width: 80px;
}
.c-work .cw-wrapper {
margin-top: 40px;
}
.facts .f-wrapper {
margin-top: 40px !important;
}
.facts .f-text {
width: 100%;
}
.facts .f-img {
width: 100%;
}
.facts .f-img-container {
width: 100%;
}
.double {
flex-direction: column;
row-gap: 24px;
}
.form-group .fgd-l {
width: 100%;
}
.form-group .fgd-r {
width: 100%;
}
.form-group p {
align-items: center;
}
.cf-left p {
width: 100%;
}
.facts .f-wrapper {
margin-top: 27px;
}
.facts .f-inner {
flex-direction: column;
}
.facts .f-text {
padding: 20px;
}
.facts .f-icon {
height: 60px;
margin: 0;
width: 60px;
}
.facts .f-text h3 {
font-size: 22px;
line-height: 26px;
margin-top: 24px;
margin-bottom: 6px;
}
.facts .f-text p {
font-size: 14px;
line-height: 21px;
width: 71%;
margin-bottom: 35px;
}
.facts .f-img-container {
height: 315px;
}
.facts .f-img {
margin-top: 16px;
}
.facts .f-inner:nth-child(even) {
flex-direction: column;
}
.acs-img {
width: 100%;
height: 280px;
}
.mt-40 {
margin-top: 30px;
}
.banner-para {
font-size: 14px;
line-height: 20px;
margin-top: 24px;
}
.heading-h1 {
font-size: 48px;
line-height: 58px;
}
.banner-section {
min-height: 550px;
}
.acs-img {
width: 100%;
height: 260px;
}
.acs-content {
padding: 12px 12px 20px 12px;
}
.extrapad {
padding: 90px 0;
}
.pad {
padding: 50px 0;
}
.heading-h2 {
font-size: 40px;
}
.line-hgt-150 {
line-height: 50px;
}
span.yellow-border {
border-width: 30px 30px 30px;
}
.cnt-title-wpr {
width: 50%;
}
.cnt-des-wpr {
width: 45%;
padding-right: 0;
padding-top: 40px;
}
header.main-header:hover {
background: transparent;
}
header.main-header.black {
background: #111;
}
.c-right h3 {
font-size: 30px;
line-height: 40px;
margin-bottom: 15px;
}
.c-content .c-card {
width: 95%;
padding: 40px 20px;
}
.hamburger-bottom .mm-flex {
width: 100%;
margin: 0 auto;
}
.tab-blog .tab-but {
/* flex-direction: column; */
row-gap: 15px;
}
/*.bi-left .bi-foot{
flex-direction: column;
}*/
/*.foot-right{
align-self: flex-end;
margin-top: 20px;
}*/
.bi-foot .foot-left {
margin-bottom: 15px;
}
.bt-wrapper .btt {
font-size: 14px;
line-height: 20px;
}
.bt-bottom ul li {
font-size: 14px;
}
.ban-img {
height: 402px;
}
.bi-right .bir-img {
max-height: 325px;
}
.bi-wrapper .bi-left {
padding: 20px 20px;
}
.app-banner .banner-content .banner-para {
width: 100%;
}
.flex.apl-feat {
margin-top: 32px;
flex-wrap: wrap;
}
.feat-col {
margin-right: 20px;
}
.feat-img {
width: 28px;
height: 28px;
}
.feat-title {
font-size: 14px;
line-height: 20px;
margin-left: 14px;
}
.primary-CTA {
height: auto;
}
.app-ban-overlay {
height: 70%;
background-size: cover;
}
.heading-h4 {
font-size: 28px;
line-height: 38px;
}
.chlg-wrapper .cnt-title-wpr {
width: 54%;
}
.ban-img {
height:500px;
}
p.cnt-des {
font-size: 14px;
line-height: 20px;
}
.pp-box-img {
height: 70px;
width: 70px;
}
.pp-title {
font-size: 20px;
line-height: 26px;
}
.pp-box-content p {
font-size: 14px;
line-height: 22px;
}
.pp-feat-row {
height: 500px;
}
.pp-feat-content {
width: 60%;
}
.st-img-wrapper {
width: 40%;
height: 400px;
}
.st-content {
width: 55%;
}
.testi-comment {
margin-top: 30px;
}
/* .testi-comment h3 {
font-size: 28px;
line-height: 36px;
} */
hr.testi-divider {
margin: 30px 0;
}
.auhtor-name {
font-size: 20px;
line-height: 24px;
}
.auhtor-position {
font-size: 14px;
line-height: 16px;
}
.apl-dorna-img {
width: 45%;
}
.apl-dorna-content {
width: 54%;
}
.grid {
column-gap: 25px;
grid-row-gap: 80px;
}
.pp-box {
padding: 24px;
min-height: 300px;
}
.nav-link {
font-size: 11px;
line-height: 14px;
}
section.blg-banner-section {
padding-top: 60px;
}
.blg-img-wrapper {
width: 45%;
height: 440px;
}
.blg-wrapper {
width: 50%;
}
.bi-left .section-heading1 {
width: 100%;
margin-top: 20px;
}
/*.foot-right {
align-self: flex-end;
margin-top: 20px;
}*/
.bt-wrapper .bth {
font-size: 26px;
line-height: 38px;
}
.form {
min-width: 670px;
}
.get-con-content {
column-gap: 30px;
}
.get-details p {
font-size: 14px;
}
.get-details a {
font-size: 13px;
}
.get-details {
width: 100%;
}
.w-70 {
width: 100%;
}
.get-details a.after::after {
width: 84%;
left: 26px;
}
.form input {
padding: 11px 10px;
}
.f-group select {
padding: 11px 10px;
}
.form label {
font-size: 10px;
}
.get-line {
width: 50%;
}
.pp-box {
padding: 24px;
min-height: 350px;
}
.about-content {
width: 50%;
}
.about-img {
height: 440px;
}
section.bkg-style.pad-100.story-section {
background-position: -50%;
}
.faqcontent h6 button {
font-size: 16px;
line-height: 24px;
}
.faqcontent .acc-h6 {
width: 90%;
}
.faqcontent .card-body p {
font-size: 14px;
width: 80%;
line-height: 20px;
}
.tab-faq .faqlinks {
font-size: 10px;
line-height: 15px;
}
.faqcontent {
margin-top: 30px;
}
.tab-faq .tab {
margin-top: 40px;
}
.faq-section {
padding: 50px 0;
padding-bottom: 100px;
}
.faq-section .load-more {
padding-top: 50px;
}
.static-content-row h1 {
font-size: 52px;
line-height: 60px;
}
.static-content-row h2 {
font-size: 44px;
line-height: 52px;
}
.static-content-row h3 {
font-size: 34px;
line-height: 44px;
}
.static-content-row h4 {
font-size: 24px;
line-height: 32px;
}
.static-content-row h5 {
font-size: 24px;
line-height: 32px;
}
.static-content-row h6 {
font-size: 20px;
line-height: 28px;
}
section.extrapad.static-section {
padding-top: 100px;
}
.static-content-row p {
font-size: 15px;
line-height: 24px;
}
section.pad.padb-200.warranty-faq-section.faq-section {
padding: 30px 0 150px 0;
}
section.extrapad.static-section .container-fluid {
width: 100%;
margin: 0 auto;
}
.dorna-intro-wpr {
padding: 0 24px;
}
.dorna-slider-section.column-45 {
width: 50%;
}
.dorna-content-section.column-50 {
width: 45%;
}
ul.etu-list {
width: 100%;
}
#big .item {
height: 380px;
margin-bottom: 12px;
}
div#thumbs .dorna-img {
height: 72px;
}
h4.Choose-title {
font-size: 24px;
line-height: 32px;
margin-top: 25px;
}
.compare-content h4 {
font-size: 24px;
line-height: 36px;
}
.head .compare-content p {
font-size: 14px;
line-height: 20px;
margin-top: 8px;
}
.price-content-title {
font-size: 28px;
line-height: 36px;
}
.price-content-box {
text-align: center;
margin-top: 25px;
}
.price-amout {
font-size: 24px;
line-height: 32px;
margin-top: 20px;
}
.li-icon svg {
width: 22px;
height: 22px;
}
.product-tab-list .tab button.tablinks {
font-size: 14px;
line-height: 19px;
padding: 20px 50px;
}
.dorna-work-section.img-overflow .robot-wrapper {
height: 500px;
}
.dorna-work-section.img-overflow .io-wrapper {
height: 520px;
padding: 30px 40px;
}
.testi-quote svg {
width: 160px;
}
.testi-quote {
margin-bottom: -65px;
}
.testi-wrapper {
padding-top: 0px;
}
.dorna-slider-wrapper {
padding: 80px 0;
}
.dorna-feat-wrapper {
padding: 80px 0;
}
.modal-desc {
width: 55%;
}
.acc-inn .cart-wrap .dorna-slider-section {
background: none;
padding: 0;
border-radius: 0;
width: 100%;
}
.acc-inn .right-info {
width: 100%;
}
.product-tab-list .tabcontent1 {
height: auto;
background: #fff;
padding: 30px 20px;
border-radius: 16px;
justify-content: space-between;
}
.configuration .tf-lf h4 {
font-size: 25px;
line-height: 34px;
}
.configuration .tf-lf h4 {
font-size: 25px;
line-height: 34px;
}
.configuration .tf-rh {
width: 40%;
}
.configuration .tf-lf {
width: 55%;
align-self: center;
}
.product-tab-list .tab1 button.tablinks1 {
font-size: 14px;
line-height: 19px;
padding: 20px 50px;
}
.package .pcf-li {
font-size: 16px;
line-height: 26px;
}
section.pad.ps-section {
padding-bottom: 70px;
}
.testi-box {
width: 100%;
}
.cart-wrap div#thumbs .dorna-img {
height: 90px;
}
.ps-section.configuration .product-tab-wrapper {
display: block;
}
.ps-section.configuration .product-tab-list .tab1 button.tablinks1 {
padding: 15px 30px;
}
.configuration .tf-lf {
width: 100%;
margin-bottom: 40px;
}
.configuration .tf-rh {
width: 100%;
}
.configuration .product-tab-list .tabcontent1 {
flex-direction: column;
}
.configuration .product-360-wrapper {
width: 100%;
}
.package .pci {
height: 290px;
}
.cart-wrap {
flex-direction: column;
row-gap: 40px;
}
.cart-wrap .dorna-slider-section {
width: 100%;
}
.right-info {
width: 100%;
}
.cart-wrap #big .item {
height: 460px;
}
.about-feat-section .pp-feat-img {
height: 100%;
}
.faq-section.pad-c {
padding-top: 50px;
}
.flex.pp-row {
margin-bottom: 40px;
}
.mt-130 {
margin-top: 90px !important;
}
.cart-wrap .dorna-slider-section {
max-height: 100%;
}
.right-info {
margin-top: 35px;
}
.product-tab-list .tab button.tablinks1 {
padding: 20px 50px;
}
.social-links {
display: none;
}
.mobile-social-icon {
display: block;
}
.mobile-social-icon .social-links {
display: block;
}
.mobile-social-icon .social-links-img {
justify-content: start;
}
.main-footer .footer-upper .upper-mid .newsletter-signup {
width: 60%;
}
.etu-box {
width: 100%;
}
.benefit-wrapper .grid {
column-gap: 50px;
}
.thankyou-wrapper {
text-align: center;
width: 80%;
margin: 0 auto;
}
.site-header__title {
font-size: 50px;
line-height: 60px;
}
.black_hover {
background: #111111 !important;
}
section.cart.acc-inn.extrapad .cart-wrap .dorna-slider-section {
max-height: inherit;
}
.dorna-banner .banner-content {
width: 60%;
}
.acc-inn .cart-wrap #big .item {
height: 330px;
}
.right-info label {
font-size: 15px;
}
.cf-left .cf-img {
display: none;
}
.grid.grid-img-div {
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 40px;
grid-row-gap: 60px;
}
.grid-img img {
/* max-height: 40px; */
}
.grid-img img {
max-width: 110px;
max-height: 30px;
}
.img-overflow .io-grid-wrapper .g-head {
width: 80%;
}
.testi-comment h3 {
font-size: 20px;
}
.eff-right .section-heading1 {
font-size: 30px;
line-height: 38px;
}
.testimonial .tu-left {
padding-bottom: 50px;
}
.testimonial .tb-right {
padding-bottom: 50px;
}
.main-banner.slider-banner .banner-wrapper {
padding-top: 140px;
}
.main-banner .banner-wrapper {
width: 100%;
}
.cnt-title-wpr .heading-h4 {
font-size: 24px;
line-height: 34px;
}
.solution-section .foot-grid .fg-wrapper .fg-grid .fg-text1 {
font-size: 17px;
line-height: 140%;
}
.solution-section .foot-grid .fg-wrapper .fg-grid .fg-text2 {
font-size: 13px;
line-height: 140%;
}
.solution-section .foot-grid .fg-wrapper .fg-grid {
min-height: 370px;
}
.acc-inn .right-info .section-heading1 {
margin-bottom: 15px;
}
section.package.pad-100 {
padding-top: 0;
padding-bottom: 50px;
}
/*
.blog-content {
padding: 10px 0 0;
}
*/
h2.testi-quote.section-heading1 {
font-size: 26px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: 30px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: 30px;
}
section.pad.dorna-work-section.img-overflow {
padding-top: 50px;
}
.reset_variations {
font-size: 13px !important;
}
section#get_in_touch {
padding-top: 70px;
}
.about-content h2.section-heading1 {
line-height: 190%;
}
/* .section-subhead-text{
text-align: center;
} */
.custom-sec .c-card p.section-subhead-text {
text-align: center;
}
.blg-img {
padding-top: 100%;
}
.banner-content p {
font-size: 14px;
}
.shoping-cart {
margin-left: 24px;
}
.facts .f-text .banner-button-wrapper {
margin-bottom: 16px;
}
span.yellow-text:before {
height: 20px;
}
span.yellow-border:before {
height: 20px;
}
.pp-feat-row {
padding: 70px 0;
height: auto;
}
.contact-flex {
gap:35px;
}
.pp-content {
width: 50%;
}
.img-overflow .io-upper-text {
width: 55%;
top:80px
}
.dorna-work-section.img-overflow .io-upper-text {
width: 48%;
}
section.blog-text.bt-bottom.static-content-row li a {
font-size: 15px;
}
section.blog-text.bt-bottom.static-content-row p a {
font-size: 15px;
}
}
/* 800px */
@media only screen and (max-width: 800px) {
.banner-head-text {
font-size: 50px;
line-height: 56px;
}
section.main-banner {
min-height: 600px;
height: auto;
}
.pp-feat-img {
padding-top: 40%;
}
.section-heading1 {
font-size: 32px;
line-height: 38px;
}
.solution-section .head-cta h2 {
width: 65%;
}
.img-overflow .io-grid-wrapper .g-head {
font-size: 16px;
line-height: 20px;
width: 90%;
}
.section-heading2 {
font-size: 32px;
line-height: 38px;
}
.free-trail .ft-img {
height: 390px;
}
span.yellow-text {
border-width: 15px 25px 23px;
}
.p-footer {
margin-top: 20px;
width: 100%;
}
.efficient .eff-img-container {
height: 350px;
border-radius: 8px;
overflow: hidden;
}
.nav-link {
font-size: 12px;
line-height: 18px;
}
.solution-section .foot-grid .fg-wrapper {
grid-auto-columns: 40%;
}
.main-footer .footer-bottom .footer-bottom-wrapper .bottom-right span {
width: 16px;
display: block;
}
.tc-video-wrapper img {
position: absolute;
object-fit: cover;
top: 0;
left: 0;
}
.facts .f-text h3 {
font-size: 28px;
line-height: 40px;
}
.facts .f-inner {
height: auto;
}
.banner-content {
width: 70%;
}
.grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-row-gap: 50px;
}
.contact-flex {
justify-content: space-between;
flex-direction: column;
}
.cnt-des-wpr {
width: 100%;
padding-top: 0;
}
.cnt-title-wpr {
width: 100%;
}
.line-hgt-150 {
line-height: 45px;
}
.heading-h2 {
font-size: 34px;
}
span.yellow-border {
border-width: 20px 20px 24px;
}
.extrapad {
padding: 70px 0;
}
.contact-section {
padding-bottom: 120px;
}
.banner-img-wpr {
width: 45%;
position: relative;
}
.app-banner .banner-content {
width: 45%;
padding-right: 0;
}
.heading-h1 {
font-size: 40px;
line-height: 52px;
}
.banner-para {
font-size: 14px;
line-height: 22px;
margin-top: 18px;
}
.ban-img {
height: 320px;
}
.feat-col {
margin-bottom: 15px;
}
.feat-img {
width: 28px;
height: 28px;
}
h1.page-title {
font-size: 40x;
line-height: 130%;
}
.chlg-wrapper .cnt-title-wpr {
width: 100%;
margin-top: 0px;
}
.heading-h4 {
font-size: 24px;
line-height: 34px;
}
.pp-content {
width: 50%;
}
.pp-para {
width: 45%;
}
.pp-feat-row {
padding: 60px 0;
}
.pp-feat-img {
width: 40%;
}
.pp-feat-content {
width: 55%;
}
.pp-feat-img {
height: 320px;
}
.auhtor-name {
font-size: 18px;
line-height: 22px;
}
.about-content p {
font-size: 14px;
line-height: 20px;
margin-top: 18px;
}
.flex.about-flex {
padding-top: 50px;
}
section.bkg-style.pad-100.story-section {
background-position: -10%;
}
.story-wrapper {
width: 60%;
margin-left: 0;
margin-right: auto;
background: #fff;
padding: 15px 24px;
border-radius: 20px;
}
.about-img {
margin-top: 0;
height: 340px;
}
section.contact-section {
padding-bottom: 120px;
}
.dorna-slider-wrapper {
padding: 60px 0;
}
.dorna-slider-wrapper {
flex-direction: column-reverse;
}
.dorna-slider-section.column-45 {
width: 100%;
}
.dorna-content-section.column-50 {
width: 100%;
margin-top: 0;
margin-bottom: 40px;
}
.cart-wrap div#thumbs .dorna-img {
height: 90px;
}
.dorna-feat-wrapper {
align-items: center;
padding: 60px 0;
flex-direction: column;
}
.dorna-content-section.column-45 {
width: 100%;
}
.dorna-easy-wpr.column-50 {
width: 100%;
}
.dorna-content-section.column-45 {
width: 100%;
margin-bottom: 40px;
}
.grid.grid-2 {
grid-auto-flow: column;
grid-auto-columns: 80%;
grid-template-columns: unset;
grid-template-rows: unset;
overflow: scroll;
}
.product-tab-wrapper {
margin-top: 35px;
width: 100%;
}
.testi-box {
width: 100%;
}
.faqcontent {
margin-left: 30px;
}
.p-360-iframe {
margin-top: 35px;
}
.padb-200 {
padding-bottom: 90px;
}
.img-overflow .io-upper h2 {
font-size: 34px;
line-height: 42px;
margin-bottom: 25px;
}
/* .dorna-work-section.img-overflow .robot-wrapper {
height: 450px;
} */
.dorna-work-section.img-overflow .robot-wrapper {
height: inherit;
}
.img-overflow .io-upper-text {
top: 70px;
right: 25px;
}
.bf-left {
width: 50%;
}
.banner-footer .bf-right {
column-gap: 30px;
}
.banner-footer .CTA-wrapper {
min-width: 135px;
}
.bf-right .primary-CTA {
padding: 11px 35px 11px 12px;
}
.primary-CTA {
padding: 11px 40px 11px 12px;
}
.dorna-work-section.img-overflow .io-wrapper {
height:600px;
}
.solution-section .head-cta p {
width: 55%;
}
.eff-right .section-heading1 {
font-size: 26px;
line-height: 36px;
}
}
/* 767px */
@media only screen and (max-width: 767px) {
.owl-stage .owl-item:nth-child(even) .items {
background: #fff;
}
.woocommerce-shipping-fields {
margin-top: 20px;
}
#homepage .blogs {
padding-bottom: 50px;
}
.cart-wrap .dorna-slider-section {
padding: 0;
}
.acc-inn .cart-wrap #big .item {
height: 280px;
}
.owl-stage .owl-item:nth-child(even) .items p.mt-body {
color: #222222;
}
.owl-stage .owl-item:nth-child(even) .items .mt-name {
color: #222222;
}
.mob-test .mt-com {
text-transform: uppercase;
color: #B4B4B4 !important;
}
section#get_in_touch {
padding-top: 50px;
}
.mob-test {
display: block;
padding: 50px 0;
}
.main-banner .banner-wrapper {
width: 90%;
padding-top: 70px;
}
.banner-head-text {
font-size: 45px;
line-height: 52px;
}
.solution-section .head-cta h2 {
width: 100%;
}
.section-heading1 {
font-size: 32px;
line-height: 36px;
}
.robot-mob .rob-container {
padding: 40px 20px;
margin-top: 10px;
}
.rob-text span.yellow-text {
border-color: #fff617ab;
}
.free-trail .ft-wrapper {
padding: 40px 0;
}
.pad-100 {
padding: 40px 0;
}
.free-trail .ft-left {
width: 100%;
}
.free-trail .ft-right {
padding-top: 60px;
margin-right: 0;
}
.free-trail .ft-img img {
object-fit: cover;
}
.free-trail-wrapper .ft-wrapper:nth-child(even) {
flex-direction: column;
}
.free-trail-wrapper .ft-wrapper:nth-child(even) .ft-left {
width: 100%;
padding-right: 0px;
}
.f-img-container img {
object-fit: cover;
}
section.facts:before {
display:none;
}
.efficient .eff-right {
align-self: auto;
width: 100%;
}
.mob-stick {
display: flex;
flex-direction: column;
margin-top: 0;
position: fixed;
top: inherit;
z-index: 99999;
bottom: 0;
width: 100%;
}
.apl-dorna-img {
position: relative;
right: 0;
}
section.pad.pb-0.apl-dorna-section {
/* padding-top: 0!important; */
}
.c-right p {
text-align: center;
}
.bottom-right {
width: 100%;
text-align: center;
}
section.contact-section {
padding-bottom: 100px;
}
section.main-banner {
min-height: 500px;
height: auto;
}
.mob-acc {
display: block;
padding: 80px 0;
}
.rob-wrapper .rob-text h2 {
color: #ffffff;
width: 90%;
text-align: center;
margin: 0 auto !important;
}
.rob-wrapper .rob-text p {
margin: 0 auto;
text-align: center;
}
.main-footer .footer-upper .upper-navlinks .upper-navlinks-wrapper {
row-gap: 30px;
}
.tc-video-wrapper {
height: 220px;
border-radius: 8px;
overflow: hidden;
}
.tc-left {
padding: 0px;
}
.tab-section .tabcontent {
background: #F2F2F2;
width: 100%;
display: block !important;
padding: 0 !important;
}
.accordian-wrapper {
background: #F2F2F2;
}
.accordian-tabs {
padding: 16px 24px;
background: #fff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.accordian-tabs h2 {
font-size: 22px;
font-weight: 500;
line-height: 26px;
letter-spacing: 0.02em;
text-align: left;
color: #222;
}
button.accordion-button {
font-family: 'Satoshi', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19px;
letter-spacing: 0.1em;
text-align: left;
color: #CECECE;
text-transform: uppercase;
padding-left: 30px;
background-color: #fff;
}
.accordion-button:not(.collapsed) {
color: #222;
background-color: transparent;
box-shadow: none;
position: relative;
padding-left: 0px;
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.tab-section .tabcontent h4 {
font-size: 22px;
line-height: 28px;
}
.accordion-button:not(.collapsed):before {
content: "";
position: absolute;
width: 8;
height: 8;
background: #FEE931;
border-radius: 50px;
left: 16px;
}
.accordion-body {
display: flex;
flex-direction: column-reverse;
}
.tab-section .tabcontent .tc-video-wrapper {
width: 100%;
margin-top: 0;
}
.tc-left {
padding: 0px;
padding-top: 16px;
padding-bottom: 24px;
}
.accordion-item {
background-color: #F2F2F2;
border: 1px solid rgba(0, 0, 0, .125);
border-color: #F2F2F2;
}
.accordion-button:focus {
z-index: 3;
border-color: transparent;
outline: 0;
box-shadow: none;
}
.accordion-button::after {
display: none;
}
.faq-section .accordion-button::after {
display: block;
}
button.accordion-button {
display: flex;
align-items: center;
justify-content: space-between;
}
h2.accordion-header span.nav-arrow {
padding-right: 20px;
}
h2.accordion-header span.nav-arrow svg path {
stroke: #CECECE;
}
h2.accordion-header span.nav-arrow svg {
width: 18px;
height: 13px;
}
.accordion-button:not(.collapsed) span.nav-arrow svg path {
stroke: #222;
}
.accordion-button:not(.collapsed) span.nav-arrow svg {
transform: rotate(180deg);
}
.accordion-header {
margin-bottom: 0;
overflow: hidden;
}
.accordion.tabcontent .accordion-item:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.solution-section .foot-grid .fg-wrapper {
grid-auto-columns: 50%;
}
.mobile-social-icon {
display: block;
}
.main-footer .footer-upper .upper-top .social-links {
display:none;
}
.main-footer .footer-upper .upper-mid .newsletter-text p {
text-align: right;
}
.main-footer .footer-upper .upper-mid .newsletter-text p {
font-size: 14px;
line-height: 20px;
text-align: right;
}
.siognup-wrapper {
text-align: right;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .signup-button svg {
top: 16px;
height: 13px;
right: 20px;
left: unset;
}
/*header.main-header{
height: auto;
}*/
.facts .f-text {
width: 100%;
}
.f-img {
width: 100%;
}
.free-trail .ft-left {
padding-right: 0;
}
.ft-wrapper .ft-right {
width: 100%;
}
.free-trail .ft-right {
padding-top: 40px;
margin-right: 0;
}
.free-trail-wrapper .ft-wrapper:nth-child(even) .ft-left {
padding-left: 0;
padding-right: 0px;
}
.facts .f-inner {
height: auto;
}
.facts .f-img-container {
height: 300px;
}
.upper-navlinks-wrapper ul li a svg {
width: 10px;
height: 10px;
}
.mob-stick .cta-stick {
display: flex;
width: 100%;
}
.stick-but {
background-color: #FFF617;
padding: 16px 24px;
position: relative;
width: 50%;
display: flex;
align-items: center;
justify-content: center;
}
body#homepage .main-footer {
margin-bottom: 52px;
}
.cta-stick span {
padding-left: 4px;
position: absolute;
top: 20px;
right: 38px;
}
.stick-but.dull {
background-color: #FFFA7F;
}
.container-fluid {
padding: 0 20px;
}
p.cnt-des {
font-size: 14px;
line-height: 20px;
}
.grid {
column-gap: 20px;
grid-row-gap: 40px;
}
.acs-para {
font-size: 13px;
width: 100%;
}
.acs-img {
height: 280px;
}
.banner-content {
width: 90%;
}
.heading-h1 {
font-size: 38px;
line-height: 48px;
}
.banner-section {
min-height: 450px;
}
.acs-title {
font-size: 16px;
line-height: 20px;
}
.mt-40 {
margin-top: 25px;
}
.seconndary-cta {
font-size: 12px;
line-height: 18px;
border-bottom: 2px solid #222;
padding-bottom: 2px;
}
.heading-h2 {
font-size: 24px;
}
.line-hgt-150 {
line-height: 34px;
}
.extrapad {
padding: 50px 0;
}
.contact-section {
padding-bottom: 80px;
}
span.yellow-border {
border-width: 18px 18px 18px;
}
.mt-130 {
margin-top: 64px !important;
}
.tab-blog .load-more {
margin-top: 60px;
}
.tab-blog .tab {
overflow-x: auto;
padding-bottom: 15px;
}
/*.tab-blog .tab-but{
position: sticky;
top: -1;
z-index: 999999;
background: #ffffff;
padding: 10px 0;
}*/
.tab-blog .tablinks {
min-width: 200px;
}
.app-banner .banner-wrapper {
padding-top: 40px;
flex-direction: column-reverse;
}
.app-banner .banner-content {
width: 100%;
padding-right: 0;
padding-top: 25px;
}
.banner-img-wpr {
width: 100%;
position: relative;
}
.app-ban-overlay {
display: none;
}
.ban-img {
height: 400px;
}
.heading-h4 {
font-size: 20px;
line-height: 28px;
}
.flex.pp-row {
flex-direction: column;
}
.pp-content {
width: 100%;
}
.pp-para {
width: 100%;
margin-top: 10px;
}
.pp-box {
padding: 25px 25px;
min-height: 400px;
}
.pp-feat-row {
padding: 40px 0;
height: auto;
flex-direction: column;
}
.pp-feat-content {
width: 100%;
}
.pp-feat-img {
height: 300px;
margin-top: 30px;
}
.pp-feat-wpr .flex.pp-feat-row:nth-child(even) {
flex-direction: column;
}
.testi-flex {
flex-direction: column-reverse;
}
.st-img-wrapper {
margin-top: 24px;
}
.st-content {
width: 100%;
}
.testi-comment h3 {
font-size: 18px;
}
.dorna-logo {
/* height: 35px; */
margin-top: 0;
}
.auhtor-name {
font-size: 16px;
line-height: 20px;
}
.auhtor-position {
font-size: 13px;
line-height: 16px;
}
section.pad.pb-0.apl-dorna-section {
display: flex;
flex-direction: column-reverse;
}
.apl-wpr {
position: relative;
height: auto;
padding-bottom: 40px;
}
.apl-dorna-content {
width: 100%;
}
.st-img-wrapper {
width: 100%;
}
.apl-dorna-content p {
font-size: 14px;
line-height: 20px;
margin-top: 20px;
}
.sort-filter {
margin-top: 10px;
}
.bi-wrapper {
flex-direction: column-reverse;
}
.bi-in {
font-size: 10px;
}
.bi-wrapper .bi-left {
width: 100%;
}
.bi-wrapper .bi-right {
width: 100%;
}
.bi-left .section-heading1 {
margin-top: 10px;
}
.bi-left .bi-foot {
margin-top: 25px;
}
.foot-right .share {
font-size: 10px;
/* color: #f3f3f3; */
}
.bi-icon {
height: 15px;
width: 15px;
}
.bt-wrapper .bth {
font-size: 24px;
line-height: 32px;
}
.bt-wrapper .btt {
font-size: 14px;
}
.bt-bottom ul li {
font-size: 14px;
}
.bt-mid .bt-flex {
flex-direction: column;
}
.bt-flex .btf-t {
width: 100%;
margin-bottom: 15px;
}
.bt-flex .btf-b {
width: 100%;
}
.bt-mid {
margin-top: 25px;
}
.bt-bottom {
margin-top: 25px;
}
.bt-foot {
margin-top: 30px;
}
.bt-container {
padding: 50px 0 50px 0;
}
.bi-left .section-subhead-text {
font-size: 12px;
color: #F3F3F3;
}
.bi-left .bi-time {
font-size: 10px;
}
.bi-time .dot::after {
height: 3px;
width: 3px;
top: 6px;
}
.foot-right {
column-gap: 15px;
}
.bi-time .dot {
margin: 0 5px;
}
.ban-img {
height: 223px;
}
.bi-right .bir-img {
max-height: 610px;
}
.btm-img {
max-height: 240px;
height: 240px;
}
.blogs .blogs-wrapper {
grid-row-gap: 40px;
}
.blogs .b-head {
font-size: 16px;
line-height: 20px;
}
.blogs .b-title {
font-size: 10px;
line-height: 16px;
}
.blg-img-wrapper {
width: 100%;
height: 360px;
}
.blg-wrapper {
width: 100%;
}
.blg-overtlay {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.bi-left .section-heading1 {
color: #fff;
}
.foot-right {
align-self: flex-start;
/* margin-top: 20px;*/
}
.bi-icon svg path {
fill: #f3f3f3;
}
.bi-left .bi-time {
color: #f3f3f3;
}
.con-form {
padding-top: 35px;
}
.form {
min-width: 350px;
}
.get-con-content {
flex-wrap: wrap;
}
.get-details {
margin-bottom: 30px;
}
.w-70 {
width: 60%;
}
.flex-g {
flex-direction: column;
}
.f-group .fgl {
width: 100%;
}
.f-group .fgr {
width: 100%;
}
.f-group .cname {
width: 100%;
}
.f-group .phno {
width: 100%;
}
.ban-container {
padding-top: 100px;
}
.af-container {
padding-top: 40px;
}
.af .bi-foot {
flex-direction: column;
}
.af .section-heading1 {
color: #222222;
}
.af .section-subhead-text {
color: #222222;
}
.af .bi-time {
color: #949494;
}
.af .share {
color: #222222;
}
.ban-img {
height: 360px;
width: 100%;
margin: 0 auto;
}
.about-feat-section .pp-feat-row {
padding: 60px 0;
padding-top: 60px;
}
.about-feat-section .pp-feat-img {
height: auto;
margin-top: 0;
height: 340px;
width: 100%;
margin-bottom: 30px;
}
.about-feat-section .pp-feat-img {
height: 260px;
}
.flex.about-flex {
padding-top: 50px;
flex-direction: column-reverse;
}
.about-content {
width: 100%;
}
.about-img {
margin-top: 0;
height: 325px;
width: 100%;
margin-bottom: 20px;
}
.story-wrapper {
width: 100%;
padding: 12px 18px;
}
section.bkg-style.pad-100.story-section {
height: auto;
}
section.bkg-style.pad-100.story-section {
background-position: center;
}
.story-wrapper {
width: 90%;
padding: 12px 18px;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
border-radius: 0;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
position: absolute;
bottom: 0;
}
section.bkg-style.pad-100.story-section {
background-position: 35%;
position: relative;
height: 530px;
}
.story-content h2.section-heading1 {
text-align: center;
}
.story-content p {
font-size: 13px; ;
line-height: 20px;
margin-top: 6px;
}
.w-70 {
width: 100%;
}
.get-line {
width: 100%;
margin: 25px 0;
}
.get-con-head {
margin-bottom: 20px;
}
.form input {
padding: 5px 10px;
}
.f-group select {
padding: 8px 10px;
}
.faqcontent .acc-h6 {
width: 100%;
}
.faqcontent h6 button {
font-size: 14px;
line-height: 20px;
}
.faqcontent .card-body p {
font-size:13px;
width: 85%;
line-height: 20px;
}
.faq-section .accordion-button:not(.collapsed):before {
display: none;
}
.faq-section .load-more button {
font-size: 10px;
}
.tab-faq .faqlinks {
min-width: 130px;
margin-bottom: 10px;
padding: 15px 15px;
}
.tab-faq .tab {
overflow-x: auto;
}
.faq-section {
padding: 120px 0;
}
.faqcontent .card-body p {
margin-left: 0;
}
.faqcontent .card-body {
padding-bottom: 15px;
}
.faqcontent {
margin-top: 20px;
}
.faq-section .load-more {
padding-top: 30px;
}
.solution-section .head-cta p {
width: 100%;
padding: 20px 0 30px 0;
}
.pp-feat-img {
width: 100%;
}
.pp-feat-img img {
width: 100%;
}
.static-content-row h1 {
font-size: 40px;
line-height: 50px;
}
.static-content-row h2 {
font-size: 34px;
line-height: 42px;
}
.static-content-row h3 {
font-size: 28px;
line-height: 36px;
}
.static-content-row h4 {
font-size: 22px;
line-height: 32px;
}
.static-content-row h5 {
font-size: 20px;
line-height: 30px;
}
.static-content-row h6 {
font-size: 18px;
line-height:24px;
}
.static-content-row p {
font-size: 14px;
line-height: 22px;
}
section.pad.padb-200.warranty-faq-section.faq-section {
padding: 0px 0 100px 0;
}
.static-content-row .static-title {
font-size: 26px;
line-height: 36px;
}
h4.Choose-title {
font-size: 22px;
line-height: 26px;
margin-top: 18px;
}
.pp-feat-content p {
font-size: 15px;
line-height: 24px;
}
.accordion-items {
width: 100%;
}
.price-wrapper {
width: 100%;
margin: 0 auto;
}
.price-box {
padding: 40px 15px;
}
.grid.grid-2 {
grid-auto-columns: 80%;
padding-bottom: 40px;
}
li.price-feat-li p {
font-size: 13px;
line-height: 20px;
}
.price-box-img {
height: 60px;
width: 60px;
}
.price-content-title {
font-size: 22px;
line-height: 30px;
}
.price-content-box {
margin-top: 18px;
}
.price-box-feat {
margin-top: 20px;
}
.compare-wrapper {
display: none;
}
.compare-wrppaer-mobile {
display: block;
}
.heading-col {
width: 100%;
margin-bottom: 20px;
}
.compare-content {
width: 70%;
}
.dorna-compr-box {
display: flex;
margin-bottom: 20px;
align-items: center;
}
.dorna-compr-box .dorna-img {
height: 100px;
width: auto;
max-width: 180px;
margin-right: 30px;
}
.dorna-3-content {
margin-bottom: 40px;
}
.compare-row {
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
.dorna-compr-col {
width: 100%;
}
h5.row-title {
font-size: 12px;
line-height: 18px;
}
.dorna-3-content p {
font-size: 12px;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.06em;
color: #222222;
text-align: left;
}
.product-tab-wrapper {
display: none;
}
.product-tab-box {
margin-top: 35px;
}
h3.product-title {
font-family: 'Satoshi', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 32px;
letter-spacing: 0.02em;
text-transform: capitalize;
margin-bottom: 20px;
}
.accordion-heading {
font-size: 18px;
line-height: 26px;
}
.accordian-item {
margin-bottom: 20px;
}
.product-tab-wpr-mobile {
display: block;
}
.modal-name {
width: 45%;
font-size: 12px;
line-height: 18px;
}
.modal-desc {
width: 50%;
font-weight: 500;
line-height: 18px;
}
.accordion-item .accordion-button {
padding: 30px 30px;
padding-right: 0px !important;
text-transform: inherit;
}
.faqcontent {
margin-left: 0;
}
.package .pc-f {
margin-top: 30px;
flex-direction: column;
row-gap: 18px;
}
.pcf-l {
width: 100%;
}
.pcf-r {
width: 100%;
}
.package .pcf-li {
font-size: 14px;
line-height: 20px;
}
section.pad.padb-200.faq-section .accordion-item .accordion-button {
padding: 30px 0;
padding-left: 0px !important;
}
.configuration .section-heading1 {
width: 100%;
}
.dorna-work-section.img-overflow {
display: block;
}
.dorna-work-section.img-overflow .io-wrapper {
height: auto;
flex-direction: column;
padding-bottom: 50px;
}
.dorna-work-section.img-overflow .robot-wrapper {
height: 350px;
position: relative;
}
/*.dorna-work-section.img-overflow{
height: 270px;
}*/
.dorna-work-section .io-upper {
width: 100%;
}
.dorna-work-section.img-overflow .io-upper-text {
width: 100%;
margin-top: 30px;
text-align: center;
}
.dorna-work-section.img-overflow .io-upper h2 {
font-size: 30px;
line-height: 40px;
}
div#thumbs .dorna-img {
height: 55px;
}
.acc-inn .right-info .cart-b .main-f {
width: 100%;
padding-right: 10px;
}
.benefit-section.acc-inn {
padding-bottom: 0px;
padding: 70px 0;
}
.package .pci {
height: 170px;
}
.pirce-feat-title {
font-size: 13px;
}
header.main-header {
padding: 14px 0;
height: auto;
max-height: 120px;
padding-top:0px;
}
nav.navbar.navbar-expand-lg.main-navbar {
padding-top: 14px !important;
}
.btn-wrapper {
text-align: center;
}
div#thumbs .dorna-img {
height: 95px;
}
.etu-img-overlay {
right: -20px;
width: 90%;
}
.compare-content h4 {
font-size: 24px;
line-height: 30px;
}
.compare-content p {
font-size: 12px;
line-height: 18px;
margin-top: 10px;
}
.padt-200 {
padding-top: 90px;
}
.cart-wrap #big .item {
height: 210px;
}
.cart-wrap .dorna-slider-section #big .owl-nav .owl-next {
height: 94%;
}
.cart-wrap .dorna-slider-section #big .owl-nav .owl-prev {
height: 94%;
}
.right-info .cart-h h1 {
font-size: 34px;
margin-bottom: 6px;
}
.right-info .cart-h h5, .starting_price {
font-size: 18px;
margin-bottom: 8px;
}
.right-info label {
font-size: 15px;
margin-left: 7px;
}
.right-info .form-grp input#config {
width: 10px;
height: 10px;
}
.right-info .form-grp input#warranty {
width: 10px;
height: 10px;
}
.cart-wrap {
padding: 0px;
column-gap: 20px;
}
.padb-200 {
padding-bottom: 90px;
}
.apl-dorna-img {
width: 100%;
}
.blg-content-wrapper .share p {
color: #f3f3f3;
}
.bt-wrapper .bi-icon a svg path {
fill: #222;
}
.faq-section.pad-c {
padding-top: 40px;
}
.cart-wrap {
row-gap: 0px !important;
padding: 0 !important;
}
.cart-wrap .dorna-slider-section {
background: none;
}
.mobile-social-icon .social-links-img {
justify-content: end;
}
.main-footer .footer-upper .upper-mid .newsletter-signup {
width: 100%;
}
.compare-wrppaer-mobile .dorna-compr-col {
margin-top: 50px;
}
.thankyou-wrapper {
text-align: center;
width: 100%;
margin: 0 auto;
}
.site-header__title {
font-size: 40px;
font-weight: bold;
line-height: 50px;
}
.icon-div {
width: 60px;
margin: 20px auto;
margin-top: 0px;
height: 60px;
}
.main-content {
margin-top: 10px;
}
.main-footer .footer-upper .upper-navlinks .upper-navlinks-wrapper {
flex-wrap: wrap;
column-gap: 0;
row-gap: 40px;
justify-content: space-between;
}
.upper-navlinks-wrapper div {
width: 49%;
}
.upper-navlinks-wrapper div:nth-child(1) {
order: 1;
}
.upper-navlinks-wrapper div:nth-child(2) {
order: 2;
}
.upper-navlinks-wrapper div:nth-child(3) {
order: 3;
}
.upper-navlinks-wrapper div:nth-child(5) {
order: 4;
}
.upper-navlinks-wrapper div:nth-child(4) {
order: 6;
}
.upper-navlinks-wrapper ul li a {
font-size: 13px;
line-height: 21px;
}
.upper-navlinks-wrapper div > div {
width: 100%;
}
.main-footer .footer-upper .upper-navlinks .upper-navlinks-wrapper p {
font-size: 12px;
line-height: 19px;
}
.dorna-banner .banner-content {
width: 100%;
}
.dorna-banner .banner-content .banner-para {
width: 100%;
}
.banner-btn .btn-wrapper {
text-align: left;
}
.dorna-feat-wrapper {
padding-top: 20px;
}
.acs-content .btn-wrapper {
text-align: left;
}
.acc-inn .cart-wrap #big .item {
height: 330px;
}
.sidenav_menu {
padding-bottom: 130px;
}
.testi-quote .yellow-text {
border: none;
line-height: 34px;
}
.testimonial.dorna-testi-section {
display: block;
}
section.main-banner.bkg-style.slider-banner {
height:600px;
}
.fact-grid {
grid-template-columns: repeat(1, 1fr);
}
.cnt-title-wpr .heading-h4 {
font-size: 20px;
line-height: 28px;
}
.c-right h3 {
font-size: 24px;
line-height: 32px;
margin-bottom: 8px;
margin-top: 10px;
}
h2.testi-quote.section-heading1 {
font-size: 22px;
}
.eff-left {
width: 100%;
}
.pp-feat-img {
padding-top: 100%;
}
.st-img {
padding-top: 100%;
}
.about-img {
padding-top: 120%;
}
.right-info {
margin-top: 25px;
}
.product-tab-list span.nav-arrow {
top: 6px;
}
.page-id-106 .woocommerce {
background: #fff;
padding: 20px !important;
}
.static-content-row .woocommerce h2 {
font-size: 24px;
line-height: 32px;
margin-bottom: 0px;
}
ul.etu-list li p {
font-size: 14px;
}
.head-cta .section-subhead-text {
text-align: left;
}
span.CTA-arrow {
top: 15px;
}
.rob-wrapper .rob-grid p.section-subhead-text {
text-align: center;
}
.ft-wrapper p.section-subhead-text {
text-align: left;
}
.pp-feat-content p {
font-size: 14px;
line-height: 22px;
}
.blogs .blog-inner a {
font-size: 12px;
}
section.pad.padb-200.faq-section .accordion-item .accordion-button {
padding: 20px 0;
padding-left: 0px !important;
}
.get-details p {
font-size: 14px;
}
.bi-left .bi-img-text .section-subhead-text {
color: #fff !important;
}
.foot-right {
align-self: flex-start !important;
margin-top: 20px;
}
.heateor_sss_sharing_ul a {
margin-right: 14px !important;
}
.bi-left .section-subhead-text {
font-size: 14px !important;
}
.bi-left .bi-time {
font-size: 14px;
color: #fff !important;
}
.story-content p {
text-align: center;
}
h1.page-title {
font-size: 38px;
line-height: 130%;
}
.static-content-row h2 {
font-size: 30px;
line-height: 36px;
}
section.solution-section .banner-button-wrapper {
justify-content: left;
}
.blogs .blogs-head {
align-items: baseline;
}
.rob-text span.yellow-text:before {
background-color: #fff617ab;
}
span.yellow-text:before {
bottom: -4px;
}
span.yellow-border:before {
bottom: -4px;
}
.tc-right {
margin-top: 0;
}
.chlg-wrapper .cnt-title-wpr {
margin-top: 0;
}
.benefit-content h3 {
font-size: 20px;
line-height: 28px;
}
.dorna-work-section .banner-button-wrapper {
justify-content: center;
align-items: center;
}
.configuration .tf-lf h4 {
font-size: 20px;
line-height: 32px;
}
.page-template-product-common-template .main-body > section.last-section {
padding-bottom: 70px;
}
.mobile-social-icon .social-links-img {
margin: 12px 0;
}
.contact-flex {
gap: 20px;
}
.chlg-wrapper .cnt-des-wpr {
padding-top: 0;
}
.mob-stick .stick-text {
display: none;
}
.tab-blog .tab-but .tab {
display: grid;
column-gap: 10px;
gap: 15px;
grid-template-columns: 1fr 1fr;
}
.tab-blog .tab-but .tablinks {
min-width: auto;
}
.tab-blog .tab-but {
flex-direction: column !important;
}
.tab-blog .tab-but {
/* flex-direction: column; */
justify-content: space-between;
row-gap: 15px;
}
.sort-filter {
position: relative;
display: flex;
justify-content: flex-end;
}
.error-page-big-heading {
font-size: 80px;
}
.error-page-small-heading {
font-size: 22px;
}
.error-page-subtext span {
font-size: 14px;
}
.acs-para {
min-height: 40px;
}
section.pad.pp-feat-section.about-feat-section.reverse .flex.pp-feat-row {
flex-direction: column;
}
.about-feat-section .flex.pp-feat-row {
padding: 70px 0 25px;
}
section.pad.pp-feat-section.about-feat-section.reverse .flex.pp-feat-row {
padding-top: 35px;
padding-bottom: 0px;
}
.static-content-row #yith-ywraq-form table.cart .product-thumbnail {
width: 140px;
margin: 0 auto;
}
form.form-main {
margin: 0 auto;
width: 100%;
margin-top: 15px;
}
section.cart.padt-200.padb-200 {
padding-top: 110px;
}
.swiper-navigation .swiper-button-prev {
font-size: 30px;
width: 40px;
height: 40px;
}
.swiper-navigation .swiper-button-next {
font-size: 30px;
width: 40px;
height: 40px;
}
section.blog-text.bt-bottom.static-content-row ol {
padding-left: 5px;
}
section.blog-text.bt-bottom.static-content-row li a {
display: flex;
}
section.blog-text.bt-bottom.static-content-row li a {
font-size: 14px;
}
section.blog-text.bt-bottom.static-content-row p a {
font-size: 14px;
}
}
/* 500px */
@media only screen and (max-width: 500px) {
.banner-head-text {
font-size: 35px;
line-height: 46px;
}
.solution-section .head-cta p {
font-size: 14px;
line-height: 24px;
margin: 0;
width: 100%;
padding-top: 4px;
padding: 12px 0;
padding-bottom: 0;
}
.rob-wrapper .rob-text h2 {
color: #ffffff;
width: 100%;
}
.section-heading1 {
font-size: 28px;
line-height: 34px;
}
.rob-wrapper .rob-text p {
color: #EBEBEB;
width: 100%;
margin-top: 12px;
}
.section-subhead-text {
font-size: 14px;
line-height: 20px;
}
.facts .f-text h3 {
font-size: 24px;
line-height: 32px;
}
.facts .f-text p {
font-size: 12px;
line-height: 18px;
width: 100%;
margin-bottom: 24px;
padding: 0 15px;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .input-email {
width: 100% !important;
padding: 10px 0;
padding-left: 10px;
font-size: 13px;
}
.main-footer .footer-upper .upper-mid .newsletter-signup .signup-button {
left: 0 !important;
position: relative !important;
margin-top: 15px;
margin-bottom: 20px;
display: block;
width: 100%;
}
.main-footer .footer-upper .upper-top .social-links {
top: 0;
position: relative;
display: none;
}
.main-footer .footer-upper .upper-top .top-heading h3 {
font-size: 26px;
line-height: 34px;
}
.free-trail .section-heading2 {
width: 100%;
}
.section-heading2 {
font-size: 30px;
line-height: 38px;
}
.blogs .blog-inner:not(:last-child)::after {
display: none;
}
.blogs .blog-inner {
flex-direction: column;
gap: 0;
}
.rob-img img {
object-fit: cover;
}
.rob-grid .ro-head {
font-size: 16px;
line-height: 22px;
margin-top: 20px;
width: 100%;
}
.blogs .blogs-wrapper {
margin-top: 30px;
}
.solution-section .foot-grid .fg-wrapper {
grid-auto-columns: 80%;
}
.mob-acc {
display: block;
padding: 40px 0;
}
.acs-img {
height: 280px;
}
.heading-h1 {
font-size: 28px;
line-height: 37px;
}
.banner-content .heading-h1 {
text-align: center;
}
.banner-content {
width: 100%;
}
.banner-para {
font-size: 13px;
line-height: 20px;
margin-top: 18px;
text-align: center;
}
.mt-40 {
margin-top: 20px;
}
.banner-btn .CTA-wrapper {
min-width: auto;
margin: 0;
text-align: center;
}
.blogs .blog-img {
width: 100%;
}
.blogs .b-text {
width: 100%;
}
.blogs .blog-inner a {
margin-top: 18px;
}
.banner-para {
text-align: center;
}
.stick-but a {
font-size: 13px;
line-height: 19px;
}
.banner-content .banner-para {
width: 100%;
}
.w-109 {
width: 100%;
}
.bi-wrapper {
flex-direction: column-reverse;
}
.bi-in {
font-size: 10px;
}
.bi-wrapper .bi-left {
width: 100%;
}
.bi-wrapper .bi-right {
width: 100%;
}
.bi-left .section-heading1 {
margin-top: 10px;
}
.bi-left .bi-foot {
margin-top: 25px;
}
.foot-right .share {
font-size: 10px;
/* color: #f3f3f3;*/
}
.bi-icon {
height: 15px;
width: 15px;
}
.bt-wrapper .bth {
font-size: 24px;
line-height: 32px;
}
.bt-wrapper .btt {
font-size: 14px;
}
.bt-bottom ul li {
font-size: 14px;
}
.bt-mid .bt-flex {
flex-direction: column;
}
.bt-flex .btf-t {
width: 100%;
margin-bottom: 15px;
}
.bt-flex .btf-b {
width: 100%;
}
.bt-mid {
margin-top: 25px;
}
.bt-bottom {
margin-top: 25px;
}
.bt-foot {
margin-top: 30px;
}
.bt-container {
padding: 50px 0 50px 0;
}
.bi-left .section-subhead-text {
font-size: 12px;
font-weight: 500;
}
.bi-left .bi-time {
font-size: 10px;
}
.bi-time .dot::after {
height: 3px;
width: 3px;
top: 6px;
}
.foot-right {
column-gap: 15px;
}
.bi-time .dot {
margin: 0 5px;
}
.app-banner .banner-content .heading-h1 {
text-align: left;
}
.app-banner .banner-para {
text-align: left;
}
.feat-title {
font-size: 10px;
line-height: 18px;
margin-left: 16px;
}
.app-banner .banner-btn .CTA-wrapper {
text-align: left;
}
.grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-row-gap: 40px;
}
.pp-box {
padding: 25px 25px;
min-height: 280px;
}
.pp-button-wpr {
margin-top: 40px;
}
.pp-feat-img {
width: 100%;
}
.pp-feat-img img {
width: 100%;
}
.st-img-wrapper {
height: 340px;
width: 100%;
}
.ban-img {
height: 240px;
width: 100%;
}
section.extrapad.chl-section {
padding-top: 0;
}
.af .section-heading1 {
color: #222222;
}
.af .section-subhead-text {
color: #222222;
}
.af .bi-time {
color: #949494;
}
.af .share {
color: #222222;
}
.w-70 {
width: 100%;
}
.static-content-row p {
font-size: 13px;
line-height: 20px;
}
section.pad.padb-200.warranty-faq-section.faq-section {
padding: 0px 0 80px 0;
}
.etu-box {
padding: 25px 14px;
width: 100%;
}
.dorna-content-section p {
font-size: 14px;
line-height: 20px;
margin-top: 12px;
}
a.flex.svideo-banner.js-trigger-video-modal {
align-items: center;
justify-content: center;
}
.dorna-work-section.img-overflow .robot-wrapper {
height: 250px;
position: relative;
}
.dorna-work-section.img-overflow .io-upper h2 {
font-size: 24px;
line-height: 34px;
}
div#thumbs .dorna-img {
height: 75px;
}
.faqcontent h6 button {
font-size: 12px;
line-height: 18px;
}
.right-info .cart-h h1 {
font-size: 28px;
margin-bottom: 5px;
}
.right-info label {
font-size: 14px;
line-height: 144%;
margin-left: 7px;
}
.cta-stick span {
top: 20px;
right: 24px;
}
.stick-but {
padding: 18px 14px;
}
.banner-btn .btn-wrapper {
text-align: center;
}
.dorna-feat-wrapper {
padding-top: 20px;
}
.variations_form.cart .variations tbody td {
margin-top: 0px;
}
.variations_form.cart .variations tbody th {
margin-bottom: 24px;
}
.fact-grid {
grid-template-columns: repeat(1, 1fr);
}
section.main-banner.bkg-style.slider-banner {
height:550px;
}
.grid.grid-img-div {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 40px;
grid-row-gap: 50px;
}
.grid-img-wrapper {
margin-top: 40px;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 20px !important;
}
.free-trail .ft-img {
height: 300px;
}
.efficient .eff-img-container {
height: 300px;
}
.blogs .blog-img {
padding-top: 100%;
}
.padt-200 {
padding-top: 60px;
}
.rob-img img {
object-position: left;
}
.pp-box-content {
padding-top: 15px;
}
.pp-feat-content p {
margin-top: 15px;
}
.mob-test .mt-body {
font-size: 18px;
line-height: 28px;
}
.dorna-banner .btn-wrapper {
justify-content: center;
}
.package .pc-f {
width: 100%;
}
section.package.pad-100 {
padding-top: 0;
padding-bottom: 30px;
}
.page-template-templatesservices-php .section-heading2 {
font-size: 24px;
line-height: 190%;
}
.c-right h3 {
font-size: 20px;
line-height: 28px;
margin-bottom: 8px;
margin-top: 10px;
}
.testi-box {
padding: 0px;
}
h2.testi-quote.section-heading1 {
font-size: 18px;
}
.pp-feat-img {
padding-top: 100%;
}
section.pad.padb-200.faq-section .accordion-item .accordion-button {
padding: 20px 0;
padding-left: 0px !important;
}
h1.page-title {
font-size: 34px;
line-height: 130%;
}
.dorna-banner .banner-content p {
text-align: center;
}
.banner-button-wrapper {
flex-direction: column;
gap:16px;
}
.blogs .blogs-head .banner-button-wrapper {
align-items: baseline;
}
.banner-content p {
text-align: center;
}
.banner-button-wrapper {
align-items: baseline;
}
.apl-btn-div {
align-items: baseline;
flex-direction: column;
row-gap: 15px;
justify-content: flex-start;
}
.apl-btn-div .btn-wrapper {
margin-left: 0;
}
.facts .f-text .banner-button-wrapper {
align-items: center;
}
.banner-content .banner-button-wrapper {
align-items: center;
}
.app-banner .banner-content .banner-button-wrapper {
align-items: baseline;
}
.chl-section.s-c .chlg-wrapper .cnt-des-wpr {
margin-top: 40px;
}
.s-c .grid {
grid-template-columns: repeat(1, 1fr);
}
nav.navbar.navbar-expand-lg.main-navbar {
padding: 0px;
}
.modal-name {
font-size: 12px;
line-height: 16px;
}
.modal-desc {
font-size: 12px;
line-height: 16px;
}
.resource_link li a {
font-size: 12px;
line-height: 17px;
}
ul.etu-list li p {
font-size: 12px;
line-height: 18px;
}
.seconndary-cta {
font-size: 10px;
line-height: 16px;
padding-bottom: 1px;
}
.faq-section {
padding: inherit;
}
.padb-200.faq-section {
padding-bottom: 40px;
}
.testi-quote svg {
width: 120px;
}
.testi-quote {
margin-bottom: -75px;
}
.ps-section.configuration .product-tab-list .tab1 button.tablinks1 {
padding: 12px 24px;
}
.product-tab-list .tab1 button.tablinks1 {
font-size: 12px;
line-height: 17px;
}
.compare-content h4 {
font-size: 24px;
line-height: 30px;
}
.blg-img {
padding-top: 120%;
}
.page-template-templatesapplication-inner-php section.extrapad.chl-section {
padding-top: 50px;
}
.chlg-wrapper .cnt-des-wpr {
padding-top: 0;
}
body#homepage .main-footer {
margin-bottom: 42px;
}
.blogs .blog-inner a {
font-size: 10px;
}
.blogs .blog-inner a {
margin-top: 10px;
}
.scrolldown-btn {
display: block;
left: 0;
top: -15px;
display: none;
}
.fixed-wrapper {
padding-top: 50px;
}
/* !important is needed sometimes */
.sidenav_menu::-webkit-scrollbar {
width: 6px;
background-color: #f5f5f5;
}
/* Handle of the scrollbar */
.sidenav_menu::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 10px;
}
/* Hover effect on the scrollbar */
.sidenav_menu::-webkit-scrollbar-thumb:hover {
background-color: #999;
}
.sidenav_menu {
-webkit-overflow-scrolling: touch;
}
.sidenav_menu {
-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0);
}
ul.ideal-list {
row-gap: 15px;
}
ul.ideal-list li {
width: 100%;
}
.static-content-row #yith-ywraq-form table.cart .product-thumbnail {
width: 100px;
margin: 0 auto;
}
.variations_form.cart .variations tbody th label {
margin-bottom: 0px !important;
}
li.wc_payment_method.payment_method_paypal label {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 425px) {
.grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.acs-img {
height: 220px;
border-radius: 8px;
overflow: hidden;
}
.acs-title {
font-size: 15px;
line-height: 20px;
}
.acs-para {
font-size: 12px;
line-height: 18px;
}
p.cnt-des {
font-size: 12px;
line-height: 18px;
}
.heading-h2 {
font-size: 26px;
}
.contact-section {
padding-bottom: 70px;
padding-top: 20px;
}
.w-70 {
width: 65%;
}
}
@media only screen and (max-width: 370px) {
.cta-stick span {
top: 14px;
right: 24px;
}
.progress__bar_wrapper {
height: 61%;
}
}
/* Responsive CSS End */
/*Spacing CSS*/
.long-padding {
padding-top: 150px;
}
@media(max-width:1500px) {
.long-padding {
padding-top: 200px;
}
}
@media(max-width:991px) {
.long-padding {
padding-top:150px;
}
.bt-container .bt-wrapper {
width:100%;
padding: 0;
}
}
@media(max-width:767px) {
.long-padding {
padding-top: 170px;
}
.button_spacing {
margin-top: 20px;
}
}
/*Spacing CSS*/