/* === Fonts === */
@font-face {
font-family: 'EuropaNuova-ExtraBold';
src: url('../fonts/europa-nuova/EuropaNuova-ExtraBold.eot');
src: local('Europa Nuova ExtraBold'), local('EuropaNuova-ExtraBold'),
url('../fonts/europa-nuova/EuropaNuova-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/europa-nuova/EuropaNuova-ExtraBold.woff2') format('woff2'),
url('../fonts/europa-nuova/EuropaNuova-ExtraBold.woff') format('woff'),
url('../fonts/europa-nuova/EuropaNuova-ExtraBold.ttf') format('truetype'),
url('../fonts/europa-nuova/EuropaNuova-ExtraBold.svg#EuropaNuova-ExtraBold') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'EuropaNuova-Bold';
src: url('../fonts/europa-nuova/EuropaNuova-Bold.eot');
src: local('Europa Nuova Bold'), local('EuropaNuova-Bold'),
url('../fonts/europa-nuova/EuropaNuova-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/europa-nuova/EuropaNuova-Bold.woff2') format('woff2'),
url('../fonts/europa-nuova/EuropaNuova-Bold.woff') format('woff'),
url('../fonts/europa-nuova/EuropaNuova-Bold.ttf') format('truetype'),
url('../fonts/europa-nuova/EuropaNuova-Bold.svg#EuropaNuova-Bold') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Karla-Regular';
src: url('../fonts/karla/Karla-Regular.eot');
src: local('Karla Regular'), local('Karla-Regular'),
url('../fonts/karla/Karla-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/karla/Karla-Regular.woff2') format('woff2'),
url('../fonts/karla/Karla-Regular.woff') format('woff'),
url('../fonts/karla/Karla-Regular.ttf') format('truetype'),
url('../fonts/karla/Karla-Regular.svg#Karla-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Karla-Bold';
src: url('../fonts/karla/Karla-Bold.eot');
src: local('Karla Bold'), local('Karla-Bold'),
url('../fonts/karla/Karla-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/karla/Karla-Bold.woff2') format('woff2'),
url('../fonts/karla/Karla-Bold.woff') format('woff'),
url('../fonts/karla/Karla-Bold.ttf') format('truetype'),
url('../fonts/karla/Karla-Bold.svg#Karla-Bold') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'OpenSans-ExtraBold';
src: url('../fonts/open-sans/OpenSans-ExtraBold.eot');
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
    url('../fonts/open-sans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/open-sans/OpenSans-ExtraBold.woff2') format('woff2'),
    url('../fonts/open-sans/OpenSans-ExtraBold.woff') format('woff'),
    url('../fonts/open-sans/OpenSans-ExtraBold.ttf') format('truetype'),
    url('../fonts/open-sans/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* Variables */
:root {
--heading-font: 'EuropaNuova-ExtraBold', serif;
--primary-font: 'EuropaNuova-Bold', serif;
--sub-heading-font: 'Karla-Regular', serif;
--secondary-font: 'Karla-Bold', serif;
--paragraph-font: 'Roboto', sans-serif;
--highlight-font: 'OpenSans-ExtraBold', sans-serif;
--body-bg-color: rgba(255,255,255,1);
--heading-color: rgba(17,17,17,1);
--paragraph-color: rgba(102,102,102,1);
--bs-primary: rgba(33,128,189,1);
--bs-secondary: rgba(84,193,239,1);
--bg-light: rgba(245,245,252,1);
--bg-dark: rgba(52,63,82,1);
--bg-white: rgba(255,255,255,1);
}
/* === General === */
html,
body {
overflow-x: hidden; 
}
body {
background-color: var(--body-bg-color);
font-family: var(--paragraph-font);
font-size: 1rem;
font-weight: 400;
line-height: 1.7;
letter-spacing: normal;
margin: 0;
color: var(--paragraph-color);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: var(--primary-font);
font-weight: normal; 
font-style: normal;
line-height: 1.34;
margin-top: 0;
margin-bottom: 25px;
color: var(--heading-color);
position: relative;
}
h1, .h1 {
font-size: 3.5rem;
}
h2, .h2 {
font-size: 2rem;
}
h3, .h3 {
font-size: 1.75rem;
}
h4, .h4 {
font-size: 1.5rem;
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
p {
font-size: 1rem;
line-height: 1.7;
margin-top: 0;
margin-bottom: 25px;
}
p.lead {
font-size: 1.125rem;
}
p:empty{
display: none;
}
a {
color: var(--bs-primary);
-o-transition: all .5s;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
}
svg path, svg rect {
-o-transition: all .3s;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
background-color: transparent;
-webkit-text-fill-color: rgb(0, 0, 0);
-webkit-box-shadow: 0 0 0px 1000px transparent inset;
box-shadow: 0 0 0px 1000px transparent inset;
transition: background-color 5000s ease-in-out 0s;
}
input:checked + label {
color: var(--bs-primary);
}
label {
font-size: 0.875rem;
font-weight: bold;
color: var(--heading-color);
}
label.small {
font-size: 0.75rem;
font-weight: normal;
font-style: italic;
color: var(--paragraph-color);
}
/* === Placeholder === */
::-webkit-input-placeholder {
color: var(--paragraph-color);
font-size: 0.875rem;
font-weight: normal;
}
::-moz-placeholder {
color: var(--paragraph-color);
font-size: 0.875rem;
font-weight: normal;
}
:-ms-input-placeholder {
color: var(--paragraph-color);
font-size: 0.875rem;
font-weight: normal;
}
:-moz-placeholder {
color: var(--paragraph-color);
font-size: 0.875rem;
font-weight: normal;
}
input::placeholder {
color: var(--paragraph-color);
font-size: 0.875rem;
font-weight: normal;
}
/* === Buttons === */
.btn {
font-family: var(--secondary-font);
border-radius: 0;
border-width: 2px;
letter-spacing: -0.5px;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out; 
text-decoration: none;
}
.btn-primary {
color: #FFF;
background-color: var(--bs-primary);
border-color: var(--bs-primary);
}
.btn-primary:hover{
background-color: var(--bs-secondary);
border-color: var(--bs-secondary);
}
.btn-light {
color: var(--bs-primary);
background-color: var(--bs-white);
border-color: var(--bs-white);
}
.btn-outline-primary {
color: var(--bs-primary);
border-color: var(--bs-primary);
}
.btn-light:hover {
color: #FFF;
background-color: var(--bs-secondary);
border-color: var(--bs-secondary);
}
.btn-outline-light:hover svg path {
fill: #000;
}
.btn-light:hover svg path {
fill: #FFF;
}
.btn-outline-primary:hover {
background-color: var(--bs-secondary);
border-color: var(--bs-secondary);
}
.btn-outline-primary:hover svg path {
fill: #FFF;
}
.btn-group-lg>.btn, .btn-lg {
font-size: 16px;
}
.btn-check:focus+.btn, .btn:focus {
box-shadow: none;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
color: #fff;
background-color: var(--bs-primary);
border-color: var(--bs-primary);
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: var(--bs-primary);
border-color: var(--bs-primary);
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow: none;
}
.btn img, .btn svg {
position: relative;
top: -1px;
margin-left: 8px;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
.btn-close:focus {
box-shadow: none;
}
button:focus:not(:focus-visible) {
box-shadow: none;
}
/* === Header === */
#dds-logo img {
width: 154px;
height: auto;
}
.navbar {
-o-transition: all .2s;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
}
.navbar-light .navbar-nav .nav-link {
color: rgba(17,17,17,1);
font-family: var(--sub-heading-font);
font-weight: 600;
padding-top: 11px;
padding-bottom: 11px;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: var(--bs-primary);
font-weight: 600;
}
body.scrolled .navbar {
padding-top: 15px;
padding-bottom: 15px;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.navbar-toggler {
padding: 6px 12px;
background-color: var(--bs-primary);
border-radius: 0;
margin-left: 10px;
}
.navbar-toggler:focus {
box-shadow: none;
}
.navbar-toggler .menu-toggler-icon span {
height: 3px;
margin: 5px auto;
width: 24px;
display: block;
background: var(--bs-white);
border-radius: 6px;
text-indent: -999px;
-o-transition: all .3s;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
}
.navbar-toggler.collapsed .menu-toggler-icon span:nth-child(1) {
-webkit-transform: rotate(-42deg) translate(-6px, 6px);
transform: rotate(-42deg) translate(-6px, 6px);
}
.navbar-toggler.collapsed .menu-toggler-icon span:nth-child(3) {
-webkit-transform: rotate(42deg) translate(-6px, -6px);
transform: rotate(42deg) translate(-6px, -6px);
}
.navbar-toggler.collapsed .menu-toggler-icon span:nth-child(2) {
opacity: 0;
}
.dropdown-item {
font-family: var(--secondary-font);
font-weight: 600;
padding: 10px 18px;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #FFF;
background-color: var(--bs-primary);
}
.dropdown-menu {
box-shadow: 0 0 16px rgba(0,0,0,0.12);
border: none;
border-top: 3px solid var(--bs-primary);
padding: 0;
border-radius: 0;
top: 140%;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.dropdown-menu.show {
top: 120%;
}
body.scrolled .dropdown-menu.show {
top: 126%;
}
.dropdown-menu:before {
content: "";
border-bottom: 8px solid var(--bs-primary);
border-right: 8px solid transparent;
border-left: 8px solid transparent;
position: absolute;
top: -10px;
left: 35px;
z-index: 10;
}
.dropdown-toggle::after {
background-image: url(../images/icons/arrow_down.svg);
background-repeat: no-repeat;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
margin-left: 5px;
vertical-align: 0.15em;
border: none;
width: 8px;
height: 5px;
}
.dropdown-toggle.show::after {
transform: rotate(180deg);
}
.dropdown-menu li:not(:last-child) {
border-bottom: 1px solid rgba(0,0,0,0.16);
}
/* === BG == */
.bg-dark {
background-color: var(--bg-dark)!important;
}
.bg-light {
background-color: var(--bg-light)!important;
}
.bg-white {
background-color: var(--bg-white)!important;
}
.bg-primary {
background-color: var(--bs-primary)!important;
}
/* === Banner === */
#home-banner, #sub-page-banner {
min-height: 523px;
background-size: cover;
display: flex;
align-items: center;
}
#home-banner h1, #sub-page-banner h1 {
font-family: var(--heading-font);
line-height: 1.2;
}
#home-banner h1 {
margin-bottom: 18px;
}
#sub-page-banner-sm {
min-height: 300px;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
}
#sub-page-banner-sm h1 {
line-height: 1.2;
color: #FFF;
margin-bottom: 0;
}
#sub-page-banner-lg {
min-height: 585px;
background-size: cover;
background-position: center;
padding-bottom: 100px;
display: flex;
align-items: center;
justify-content: center;
}
#sub-page-banner-lg h1 {
line-height: 1.2;
color: #FFF;
margin-bottom: 0;
}
#sub-page-banner-lg ul {
margin-top: 1rem;
}
#sub-page-banner-lg li {
position: relative;
color: #FFF;
margin: 0px 20px;
}
#sub-page-banner-lg li:not(:last-child):after {
background-color: #FFF;
position: absolute;
content: "";
right: -20px;
width: 5px;
height: 5px;
top: 42%;
}
/* === Footer === */
#footer {
background-color: var(--bg-dark);
padding-top: 106px;
}
.footer-cta h2 {
color: #FFF;
}
.footer-widgets h3 {
font-size: 22px;
color: #FFF;
margin-bottom: 0;
background-image: url(../images/double_line.svg);
background-position: left bottom;
background-repeat: no-repeat;
padding-bottom: 18px;
margin-bottom: 25px;
}
.footer-widgets {
padding-top: 12px;
padding-bottom: 40px;
}
.footer-widget ul {
padding-left: 0;
}
.footer-widget li {
list-style-type: none;
}
.contact-links li {
padding-top: 3px;
padding-bottom: 10px;
}
.social-links li {
padding-top: 3px;
padding-bottom: 10px;
}
.footer-widget li a {
position: relative;
font-size: 14px;
font-weight: 500;
text-decoration: none;
color: rgba(255,255,255,0.65);
padding: 5px 0;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.footer-widget li a:hover {
color: rgba(255,255,255,1);
}
.footer-widget li a span {
word-break: break-all;
}
.footer-widget li a span.icon {
display: inline-flex;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #FFF;
margin-right: 12px;
}
.footer-widget li a span.icon img {
max-width: 100%;
height: 9px;
}
.social-links li {
display: inline-block;
margin-right: 8px;
}
.social-links li .icon {
display: inline-flex;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
border-radius: 50%;
border: 2px solid #FFF;
}
.social-links li a svg {
border: 1px solid #FFF;
padding: 5px;
border-radius: 50%;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.social-links li a svg path {
fill: #FFF;
stroke: #FFF;
}
.social-links li a:hover svg {
background-color: #FFF;
}
.social-links li a:hover svg path {
fill: #000;
stroke: #000;
}
.copyrights {
background-color: rgba(57,68,88,1);
font-size: 14px;
color: #FFF;
min-height: 50px;
padding-top: 16px;
padding-bottom: 16px;
}
.copyrights p {
font-size: 14px;
margin-bottom: 0;
}
.copyrights a {
color: #FFF;
margin-left: 3px;
}
/* === Common === */
.node__content {
margin-top: 0;
}
.select2-search--dropdown {
display: none;
}
#local-tasks nav.tabs {
margin-bottom: 0;
}
#local-tasks .nav-tabs .nav-link {
background: #f5f5f5;
margin-left: 1px;
}
#local-tasks .nav-tabs .nav-item.show .nav-link, #local-tasks .nav-tabs .nav-link.active {
color: #FFF;
background-color: var(--bs-primary);
border-color: var(--bs-primary);
margin-left: 0;
}
#local-tasks .nav-tabs .nav-link:focus, #local-tasks .nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6;
background-color: #dee2e6;
}
#local-tasks .nav-tabs .nav-link.active:hover {
background-color: var(--bs-primary);
border-color: var(--bs-primary);
cursor: default;
}
.divider hr {
margin: 3rem 0;
background-color: #FFF;
opacity: 1;
}
.alert {
border-radius: 0;
}
.alert-dismissible .btn-close {
padding: 1.75rem 1.5rem 1.5rem;
}
.alert-success {
border-color: var(--bs-secondary);
border-left-color: var(--bs-primary) !important;
}
.alert-success::before {
position: relative;
top: 3px;
}
#main.container-fluid {
padding-left: 0;
padding-right: 0;
}
.g-10, .gx-10 {
--bs-gutter-x: 6.75rem;
}
.sec-bn-lg {
padding-top: 100px;
padding-bottom: 100px; 
}
.sec-bn-sm {
padding-top: 62px;
padding-bottom: 95px; 
}
.sec-pd-xxl {
padding-top: 165px;
padding-bottom: 165px;
}
.sec-pd-xl {
padding-top: 135px;
padding-bottom: 135px;
}
.sec-pd-lg {
padding-top: 100px;
padding-bottom: 100px;
}
.sec-pd-md {
padding-top: 80px;
padding-bottom: 80px;
}
.sec-pd-sm {
padding-top: 60px;
padding-bottom: 60px;
}
.sec-pd-xs {
padding-top: 30px;
padding-bottom: 30px;
}
.sec-pd-ct {
padding-top: 45px;
padding-bottom: 0;
}
.sec-pd-sc {
padding: 100px 70px;
margin-bottom: 80px;
}
.sec-pd-pc {
padding: 100px 70px;
}
.sec-pd-bc {
padding-bottom: 100px;
}
.sec-pd-sp {
padding-top: 390px;
padding-bottom: 100px;
margin-top: 275px;
}
.sec-pt-lg {
padding-top: 100px;
padding-bottom: 60px;
}
.sec-mg-lg {
margin-top: 100px;
margin-bottom: 100px;
}
.container .container {
padding: 0;
}
.bg-primary h2 {
color: #FFF;
}
.tagline {
font-family: var(--sub-heading-font);
position: relative;
color: #2180BD;
font-size: 20px;
font-weight: bold;
letter-spacing: 0.4px;
padding-left: 33px;
margin-bottom: 20px;
}
.tagline:before {
position: absolute;
content: "";
width: 18px;
height: 3px;
top: 45%;
left: 0;
background-color: #2180BD;
}
.sec-nav {
display: flex;
justify-content: flex-end;
}
.dds-link {
font-family: var(--secondary-font);
font-size: 1rem;
color: var(--bs-primary);
text-transform: uppercase;
text-decoration: none;
}
.dds-link:hover {
color: var(--bs-secondary);
}
.dds-link svg {
position: relative;
top: -1.5px;
margin-left: 5px;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
.dds-link:hover svg {
margin-left: 6px;
}
.dds-link:hover svg path {
fill: var(--bs-secondary);
}
.card-image {
padding: 20px 20px 10px;
}
.card-body {
padding: 20px 18px 10px;
}
.card-footer {
padding: 0 20px 20px;
border-top: none;
background-color: transparent;
}
.card-footer:last-child {
border-radius: 7px;
}
blockquote {
background-color: #F5F5FC;
padding: 30px 35px;
margin-bottom: 50px;
}
blockquote p {
font-size: 20px;
font-style: italic;
color: var(--heading-color);
position: relative;
margin-bottom: 0;
font-weight: bold;
line-height: 1.5;
padding-left: 50px;
}
blockquote p:before {
position: absolute;
content: "";
background-image: url(../images/icons/quote.svg);
background-size: contain;
background-repeat: no-repeat;
width: 32px;
height: 26px;
top: 0;
left: 0;
}
.about-us+.about-us {
padding-top: 0;
}
#access-denied img {
max-width: 384px;
margin-bottom: 60px;
}
.dds-log-form {
background-color: var(--bg-light);
padding: 80px 30px 60px;
}
.dds-log-form label {
font-family: var(--heading-font);
font-size: 1rem;
font-weight: 500;
color: var(--heading-color);
}
.dds-log-form h2 {
margin-bottom: 50px;
font-weight: 700;
}
.dds-log-form .form-control {
margin-bottom: 5px;
}
#user-login-form fieldset.js-form-item {
margin-bottom: 45px !important;
}
#user-login-form fieldset.js-form-item.js-form-type-password {
margin-bottom: 10px !important;
}
#user-pass fieldset.js-form-item {
margin-bottom: 5px !important;
}
#user-pass p {
color: #6c757d!important;
font-size: .875em;
}
#user-register-form fieldset.js-form-item {
margin-bottom: 45px !important;
}
.dds-log-form #local-tasks {
display: none;
}
.dds-log-form .forgot-pass {
font-family: var(--heading-font);
text-align: right;
margin-bottom: 40px;
}
.dds-log-form .forgot-pass a {
font-size: 1rem;
font-weight: bold;
text-decoration: none;
}
.dds-log-form .forgot-pass a:hover {
color: var(--bs-primary);
}
.dds-log-form .link-form {
font-family: var(--heading-font);
font-size: 1rem;
font-weight: bold;
margin-top: 20px;
}
.dds-log-form .link-form a {
color: var(--bs-primary);
text-decoration: none;
padding-left: 5px;
}
.dds-log-form .link-form p {
margin-bottom: 0;
}
.dds-log-form .link-form a:hover {
text-decoration: underline;
}
.dds-log-form #edit-actions {
margin-bottom: 0 !important;
}
/* === Home Banner === */
#home-banner p {
font-size: 1.125rem;
}
.home-banner-img {
display: flex;
justify-content: center;
align-items: center;
}
/* === Statistics === */
#statistics {
margin-bottom: 40px;
}
.statistics-title {
background-color: var(--bs-primary);
position: relative; 
}
.statistics-title h2 {
font-size: 35px;
color: #FFF;
line-height: 1.43;
margin-bottom: 0;
margin-top: -4px;
}
.statistics-title:before {
position: absolute;
content: "";
top: 0;
right: 0;
width: 100vw;
height: 100%;
background-color: var(--bs-primary);
}
.statistics-title:after {
background-image: url(../images/shapes/dots.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
content: "";
left: 76px;
z-index: 2;
bottom: -45px;
width: 118px;
height: 118px;
}
.statistics-info {
background-color: var(--bg-light);
position: relative;
}
.statistics-info h3 {
position: relative;
padding-bottom: 72px;
}
.statistics-info h3 span.count {
color: var(--bs-primary);
position: relative;
font-family: var(--highlight-font);
font-size: 50px;
display: block;
margin-bottom: 30px;
}
.statistics-info h3 span.title {
color: #000;
font-family: var(--secondary-font);
font-size: 16px;
line-height: 20px;
letter-spacing: -0.5px;
position: absolute;
left: 0;
right: 0;
padding: 2px 20px;
margin-bottom: 0;
}
.statistics-info h3 span.count:after {
position: absolute;
content: "";
background-color: rgba(0,0,0,0.25);
bottom: -11px;
left: 0;
right: 0;
width: 35px;
height: 1.5px;
margin: 0px auto;
}
.statistics-info:before {
position: absolute;
content: "";
top: 0;
left: 100%;
width: 100vw;
height: 100%;
background-color: var(--bg-light);
}
.statistics-info p {
margin-bottom: 0;
}
/* === Services === */
#about-services p {
font-size: 21px;
line-height: 1.8;  
}
#about-services p:last-child {
margin-bottom: 0; 
}
.card-services {
border-color: transparent;
border-radius: 7px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
.card-services:hover {
background-color: var(--bg-light);
box-shadow: none;  
transform: translateY(-5px);
}
.card-services h3 {
font-size: 20px;
margin-bottom: 15px; 
}
.card-services h3 a {
color: var(--heading-color);
text-decoration: none;
}
.card-services h3 a:hover {
color: var(--bs-primary);
}
.card-services p {
margin-bottom: 10px;
}
.services-icon {
position: relative;
width: 120px;
height: 105px;
margin: 15px auto 0;
}
.services-icon .icon {
position: absolute;
width: 120px;
height: 105px;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
}
.services-icon .bg {
position: absolute;
width: 120px;
height: 105px;
z-index: 0;
}
.services-icon .bg svg {
width: 120px;
height: 105px;
transition: all 0.1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.services-icon .bg svg path {
fill: var(--bg-light);
}
.services-icon .icon svg {
width: auto;
height: 50px;
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.card-services:hover .bg svg {
transform: scale(1.1) rotate(10deg);
}
.card-services:hover .bg svg path {
fill: #FFF;
}
.card-services:hover .icon svg {
height: 60px;
}
/* Case Study == */
#case-study-home .image {
max-width: 530px;
height: 530px;
overflow: hidden;
}
#case-study-home .image img {
object-fit: cover;
width: 100%;
height: 530px;
}
#case-study-home .owl-theme .owl-nav [class*=owl-] {
margin: 5px 14px;
padding: 3px 6px;
background: transparent;
border-radius: 50%;
width: 34px;
height: 34px;
border: 2px solid #000;
}
#case-study-home .owl-theme .owl-nav [class*=owl-]:hover {
background: #000;
}
#case-study-home .owl-theme .owl-nav [class*=owl-]:hover img {
filter: brightness(0) invert(1);
}
#case-study-home .owl-controls {
position: absolute;
bottom: 200px;
z-index: 999;
right: 0;
}
#case-study-home h3 {
margin-top: -180px;
}
/* === CTA === */
#cta-home {
background-position: center;
background-repeat: no-repeat;
background-size: auto 90%;
margin-top: -240px;
}
#cta-home .tagline {
color: rgba(255, 255, 255, 0.75);
padding-left: 0;
margin-bottom: 10px;
}
#cta-home h2 {
color: #FFF;
margin-bottom: 30px;
}
/* === Testimonial === */
.card-testimonial {
background-color: var(--bg-light);
border-color: transparent;
border-radius: 7px;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
.card-testimonial:hover {
transform: translateY(-5px);
}
.card-testimonial h3 {
font-size: 18px;
text-transform: uppercase;
margin-bottom: 5px; 
}
.card-testimonial h4 {
font-size: 16px;
font-weight: 400;
color:#666666;
}
.card-testimonial p {
margin-bottom: 10px;
}
.card-testimonial .card-body {
padding: 10px 18px 10px;
}
.card-testimonial .image {
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 50%;
margin: 20px auto 0;
}
.card-testimonial .image img {
width: 60px;
height: 60px;
object-fit: cover;
}
.card-testimonial .icon {
width: 40px;
height: 40px;
position: absolute;
background-color: #FFF;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
bottom: -10px;
left: 0;
right: 0;
}
.card-testimonial .icon svg {
width: 20px;
height: 13px;
}
.card-testimonial .card-footer {
padding: 40px 20px 0;
position: relative;
overflow: hidden;
}
/* === Tabs === */
#feature-tabs-top ul.nav.nav-tabs {
margin-top: 20px;
border-bottom: none;
}
#feature-tabs-top ul.nav.nav-tabs .nav-item {
width: 16.66666667%;
display: flex;
justify-content: center;
align-items: center;
}
#feature-tabs-top li.nav-item .nav-link {
background-color: #FFF;
width: 170px;
height: 160px;
border: none;
border-radius: 4px;
font-family: var(--primary-font);
font-size: 16px;
line-height: 1.2;
color: var(--heading-color);
}
#feature-tabs-top li.nav-item .nav-link img {
width: 44px;
height: 44px;
display: block;
margin: 0 auto 15px;
}
#feature-tabs-top li.nav-item .nav-link.active {
background-color: var(--bs-primary);
position: relative;
color: #FFF;
}
#feature-tabs-top li.nav-item .nav-link.active:after {
border: 12px solid transparent;
border-bottom: 20px solid #FFF;
position: absolute;
content: "";
left: 42%;
bottom: -40px;
}
#feature-tabs-top li.nav-item .nav-link.active img {
filter: brightness(0) invert(1);
}
#feature-tabs-top .tab-content {
background-color: #FFF;
padding: 50px;
margin-top: 40px;
display: flex;
justify-content: flex-end;
}
#feature-tabs-top .tab-content-text {
padding-right: 15px;
}
#feature-tabs-top .tab-content-image {
padding-top: 15px;
padding-bottom: 15px;
display: flex;
justify-content: flex-end;
}
#feature-tabs-top .tab-content-image img {
width: 100%;
object-fit: cover;
}
#feature-tabs-top.varient2 {
background-color: #FFF !important;
}
#feature-tabs-top.varient2 ul.nav.nav-tabs .nav-item {
width: 20%;
}
#feature-tabs-top.varient2 li.nav-item .nav-link {
background-color: var(--bg-light);
width: 205px;
padding: 8px 28px;
}
#feature-tabs-top.varient2 li.nav-item .nav-link.active {
background-color: var(--bs-primary);
}
#feature-tabs-top.varient2 .tab-content {
background-color: var(--bg-light); 
}
#feature-tabs-top.varient2 .tab-content-image img {
width: 100%;
object-fit: contain;
min-height: 285px;
}
#feature-tabs-top li.nav-item .nav-link.active:after {
border-bottom: 20px solid #FFF; 
}
#feature-tabs-top.varient2 li.nav-item .nav-link.active:after {
border-bottom: 20px solid var(--bg-light);
}
#feature-tabs-right ul.nav.nav-tabs {
background-color: #FFF;
padding: 40px;
border-bottom: none;
}
#feature-tabs-right ul.nav.nav-tabs .nav-item {
width: 100%;
}
#feature-tabs-right li.nav-item .nav-link {
background-color: var(--bg-light);
position: relative;
width: 100%;
height: 65px;
font-family: var(--primary-font);
font-size: 16px;
line-height: 1.2;
padding: 8px 26px;
color: var(--heading-color);
text-align: left;
border: none;
border-radius: 4px;
left: 0;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
#feature-tabs-right li:not(:last-child) {
margin-bottom: 15px;
}
#feature-tabs-right li.nav-item .nav-link img {
width: auto;
height: 20px;
margin-right: 10px;
}
#feature-tabs-right li.nav-item .nav-link.active {
background-color: var(--bs-primary);
left: -40px;
color: #FFF;
}
#feature-tabs-right li.nav-item .nav-link.active:after {
border: 10px solid transparent;
border-right: 14px solid var(--bs-primary);
position: absolute;
content: "";
left: -24px;
bottom: 32%;
}
#feature-tabs-right li.nav-item .nav-link.active img {
filter: brightness(0) invert(1);
}
#feature-tabs-right .tab-content {
background-color: transparent;
padding: 0;
}
#feature-tabs-right .tab-content-text {
padding-right: 15px;
}
#feature-tabs-right .tab-content-image {
padding-top: 15px;
}
#feature-tabs-left ul.nav.nav-tabs {
background-color: #FFF;
padding: 40px;
border-bottom: none;
}
#feature-tabs-left ul.nav.nav-tabs .nav-item {
width: 100%;
}
#feature-tabs-left li.nav-item .nav-link {
background-color: var(--bg-light);
position: relative;
width: 100%;
height: 65px;
font-family: var(--primary-font);
font-size: 16px;
line-height: 1.2;
padding: 8px 26px;
color: var(--heading-color);
text-align: left;
border: none;
border-radius: 4px;
right: 0;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}
#feature-tabs-left li:not(:last-child) {
margin-bottom: 15px;
}
#feature-tabs-left li.nav-item .nav-link img {
width: auto;
height: 20px;
margin-right: 10px;
}
#feature-tabs-left li.nav-item .nav-link.active {
background-color: var(--bs-primary);
right: -40px;
color: #FFF;
}
#feature-tabs-left li.nav-item .nav-link.active:after {
border: 10px solid transparent;
border-left: 14px solid var(--bs-primary);
position: absolute;
content: "";
right: -24px;
bottom: 32%;
}
#feature-tabs-left li.nav-item .nav-link.active img {
filter: brightness(0) invert(1);
}
#feature-tabs-left .tab-content {
background-color: transparent;
padding: 0;
}
#feature-tabs-left .tab-content-text {
padding-right: 15px;
}
#feature-tabs-left .tab-content-image {
padding-top: 15px;
}
/* === Blog === */
.blog-item .image {
max-height: 245px;
margin-bottom: 20px;
overflow: hidden;
}
.blog-item .image img {
width: 100%;
height: 245px;
object-fit: cover;
}
.blog-item h3 {
font-size: 18px;
line-height: 1.5;
margin-bottom: 15px;
letter-spacing: -0.1px;
}
.blog-item h3 a {
color: var(--heading-color);
text-decoration: none;
}
.blog-item h3 a:hover {
color: var(--bs-primary);
}
#blog-details .blog-details-content {
position: relative;
margin-top: -160px;
background-color: #FFF;
padding: 55px 50px;
}
.blog-details-content {
margin-bottom: 40px;
}
.blog-details-content #dds-video {
margin-bottom: 40px;
}
.blog-details-content #call-to-action.varient3 {
margin-top: 20px;
margin-bottom: 10px;
}
.blog-details-content p {
font-size: 18px;
}
.blog-details-content a {
text-decoration: none;
}
.blog-details-content a:not(.btn):hover {
text-decoration: underline;
}
.blog-details-content p img {
margin-bottom: 50px;
display: block;
width: 100%;
height: auto;
}
#blog-tags {
margin-top: 60px;
border-top: 1px solid rgba(0,0,0,0.35);
border-bottom: 1px solid rgba(0,0,0,0.35);
padding: 30px 0;
}
#blog-tags span {
text-transform: uppercase;
font-size: 16px;
}
#blog-tags .tag-title {
color: var(--heading-color);
}
#blog-tags .tag {
position: relative;
font-weight: 700;
color: var(--paragraph-color);
margin-right: 8px;
}
#blog-tags .tag:not(:last-child):after {
position: absolute;
content: ",";
}
/* === Counter === */
#counters h3 {
font-size: 18px;
font-weight: 400;
position: relative;
padding: 0 40px;
margin-bottom: 0;
}
#counters h3 span.count {
color: #FFF;
position: relative;
font-family: var(--highlight-font);
font-size: 50px;
display: block;
margin-bottom: 30px;
}
#counters h3 span.title {
color: #FFF;
font-family: var(--secondary-font);
font-size: 16px;
line-height: 20px;
letter-spacing: -0.5px;
padding: 2px 3px;
margin-bottom: 0;
}
#counters h3 span.count:after {
position: absolute;
content: "";
background-color: rgba(255,255,255,0.41);
bottom: -11px;
left: 0;
right: 0;
width: 35px;
height: 1.5px;
margin: 0px auto;
}
#counters p {
margin-bottom: 0;
}
#counters #dds-video {
margin-top: -670px;
}
/* === About === */
#about-section p {
font-size: 21px;
line-height: 1.8;
}
#about-section p:last-child {
margin-bottom: 0;
}
#about-accordion p {
font-size: 21px;
line-height: 1.8;
margin-bottom: 0;
}
#about-accordion .accordion-s1 .accordion-button {
font-family: var(--paragraph-font);
font-size: 16px;
font-weight: bold;
}
#about-accordion .accordion-body p {
font-size: 16px;
}
.accordion-s1 .accordion-item {
background-color: #fff;
border: 1px solid transparent;
box-shadow: 0 0px 10px rgba(0,0,0,0.12);
margin-bottom: 30px;
}
.accordion-s1 .accordion-button {
font-family: var(--primary-font);
color: var(--heading-color);
font-size: 18px;
padding: 15px 20px;
box-shadow: none;
}
.accordion-s1 .accordion-button::after {
width: 16px;
height: 10px;
background-image: url('../images/icons/accordion_arrow.svg');
background-size: contain;
}
.accordion-s1 .accordion-button:not(.collapsed)::after {
background-image: url('../images/icons/accordion_arrow.svg');
transform: rotate(-180deg);
}
.accordion-s1 .accordion-button img {
width: 35px;
height: 35px;
padding: 7px;
background-color: var(--bs-primary);
border-radius: 50%;
margin-right: 15px;
}
.accordion-s1 .accordion-body {
padding: 25px 0 0;
margin: 0 20px 30px;
border-top: 1px solid rgba(0,0,0,.20);
}
.accordion-s1 .accordion-body ul {
padding-left: 10px;
}
.accordion-s1 .accordion-body li {
position: relative;
font-size: 1rem;
text-decoration: none;
color: rgba(0,0,0,0.56);
padding-left: 25px;
list-style-type: none;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.accordion-s1 .accordion-body li:before {
position: absolute;
content: "";
background: var(--heading-color);
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
width: 11px;
height: 3px;
top: 45%;
left: 0;
}
.accordion-s1 .accordion-body p {
margin-bottom: 20px;
}
.accordion-s1 .accordion-body p:last-child {
margin-bottom: 0;
}
.accordion-s1 .accordion-button:not(.collapsed) {
color: #000;
background-color: #FFF;
box-shadow: none;
}
.accordion-s2 .accordion-item {
background-color: #fff;
border-radius: 0;
border: none;
border-top: 1px dotted #000;
}
.accordion-s2 .accordion-item:last-child {
border-bottom: 1px dotted #000;
}
.accordion-s2 .accordion-button {
font-family: var(--primary-font);
color: var(--heading-color);
font-size: 20px;
padding: 25px 0;
box-shadow: none;
}
.accordion-s2 .accordion-button::after {
width: 12px;
height: 12px;
background-image: url('../images/icons/accordion_plus.svg');
background-size: contain;
}
.accordion-s2 .accordion-button:not(.collapsed)::after {
width: 12px;
height: 2px;
background-image: url('../images/icons/accordion_minus.svg');
}
.accordion-s2 .accordion-button img {
width: 35px;
height: 35px;
padding: 7px;
background-color: var(--bs-primary);
border-radius: 50%;
margin-right: 15px;
}
.accordion-s2 .accordion-body {
padding: 0 18px 0;
margin: 0 0 25px;
position: relative;
}
.accordion-s2 .accordion-body:before {
position: absolute;
content: "";
background-color: var(--heading-color);
width: 4px;
height: 92%;
top: 7px;
left: 0;
}
.accordion-s2 .accordion-body ul {
padding-left: 10px;
}
.accordion-s2 .accordion-body li {
position: relative;
font-size: 1rem;
text-decoration: none;
color: rgba(0,0,0,0.56);
padding-left: 25px;
list-style-type: none;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.accordion-s2 .accordion-body li:before {
position: absolute;
content: "";
background: var(--heading-color);
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
width: 11px;
height: 3px;
top: 45%;
left: 0;
}
.accordion-s2 .accordion-body p:last-child {
margin-bottom: 0;
}
.accordion-s2 .accordion-button:not(.collapsed) {
color: #000;
background-color: #FFF;
box-shadow: none;
}
.accordion-s3 .accordion-item {
background-color: #FFF;
border: 1px solid var(--bs-primary);
border-radius: 0;
margin-bottom: 30px;
}
.accordion-s3 .accordion-item:last-child {
margin-bottom: 0;
}
.accordion-s3 .accordion-button {
background-color: var(--bs-primary);
font-family: var(--primary-font);
position: relative;
border-radius: 0;
color: #FFF;
font-size: 18px;
padding: 15px 20px 15px 50px;
box-shadow: none;
}
.accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed {
border-radius: 0;
}
.accordion-s3 .accordion-button::after {
width: 12px;
height: 12px;
position: absolute;
top: 22px;
left: 20px;
background-image: url('../images/icons/accordion_plus.svg');
background-size: contain;
filter: brightness(0) invert(1);
}
.accordion-s3 .accordion-button:not(.collapsed)::after {
width: 12px;
height: 2px;
background-image: url('../images/icons/accordion_minus.svg');
top: 27px;
}
.accordion-s3 .accordion-button img {
width: 35px;
height: 35px;
padding: 7px;
background-color: var(--bs-primary);
border-radius: 50%;
margin-right: 15px;
}
.accordion-s3 .accordion-body {
padding: 20px 0 0;
margin: 0 20px 15px;
}
.accordion-s3 .accordion-body ul {
padding-left: 10px;
}
.accordion-s3 .accordion-body li {
position: relative;
font-size: 1rem;
text-decoration: none;
color: rgba(0,0,0,0.56);
padding-left: 25px;
list-style-type: none;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.accordion-s3 .accordion-body li:before {
position: absolute;
content: "";
background: var(--heading-color);
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
width: 11px;
height: 3px;
top: 45%;
left: 0;
}
.accordion-s3 .accordion-body p {
margin-bottom: 15px;
}
.accordion-s3 .accordion-body p:last-child {
margin-bottom: 0;
}
.accordion-s3 .accordion-button:not(.collapsed) {
color: #FFF;
background-color: var(--bs-primary);
box-shadow: none;
}
.accordion-s4 .accordion-item {
background-color: #fff;
border: 1px solid transparent;
box-shadow: 0 0px 10px rgba(0,0,0,0.12);
margin-bottom: 30px;
}
.accordion-s4 .accordion-button {
font-family: var(--primary-font);
color: var(--heading-color);
font-size: 18px;
padding: 15px 20px 15px 15px;
box-shadow: none;
}
.accordion-s4 .accordion-button::after {
width: 16px;
height: 10px;
background-image: url('../images/icons/accordion_arrow.svg');
background-size: contain;
}
.accordion-s4 .accordion-button:not(.collapsed)::after {
background-image: url('../images/icons/accordion_arrow.svg');
transform: rotate(-180deg);
}
.accordion-s4 .accordion-button img {
width: 35px;
height: 35px;
padding: 0 5px;
background-color: transparent;
border-radius: 0;
margin-right: 10px;
}
.accordion-s4 .accordion-body {
padding: 25px 0 0;
margin: 0 20px 30px;
border-top: 1px solid rgba(0,0,0,.20);
}
.accordion-s4 .accordion-body ul {
padding-left: 10px;
}
.accordion-s4 .accordion-body li {
position: relative;
font-size: 1rem;
text-decoration: none;
color: rgba(0,0,0,0.56);
padding-left: 25px;
list-style-type: none;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.accordion-s4 .accordion-body li:before {
position: absolute;
content: "";
background: var(--heading-color);
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
width: 11px;
height: 3px;
top: 45%;
left: 0;
}
.accordion-s4 .accordion-body p {
margin-bottom: 20px;
}
.accordion-s4 .accordion-body p:last-child {
margin-bottom: 0;
}
.accordion-s4 .accordion-button:not(.collapsed) {
color: #000;
background-color: #FFF;
box-shadow: none;
}
/* === CTA === */
#call-to-action {
background-size: cover;
position: relative;
}
#call-to-action h2 {
font-size: 50px;
color: #FFF;
}
#call-to-action.varient2:before {
position: absolute;
content: "";
background-color: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
top: 0;
}
#call-to-action.varient2 .col-md-4 {
width: 100%;
text-align: center;
}
#call-to-action.varient2 .container {
position: relative;
z-index: 2;
}
#call-to-action.varient3 {
background-color: var(--bs-primary);
padding: 55px 60px;
}
#call-to-action.varient3 h3 {
color: #FFF;
font-weight: 500;
line-height: 1.3;
margin-bottom: 0;
}
/* === Pricing === */
.card-pricing-plan {
background-color: var(--bg-light);
border: 1px solid rgba(0,0,0,0.18);
border-radius: 5px;
position: relative;
text-align: center;
}
.card-pricing-plan .card-header {
background-color: transparent;
border-bottom: 1px solid rgba(0,0,0,0.18);
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 20px;
margin-bottom: 0;
min-height: 114px;
}
.card-pricing-plan .card-header h3 {
font-size: 28px;
margin-bottom: 0;
}
.card-pricing-plan.card-recommended {
background-color: var(--bs-primary);
border: 1px solid var(--bs-primary);
}
.card-pricing-plan.card-recommended .card-header {
border-bottom: 1px solid rgba(255,255,255,1);
padding: 50px 20px 30px;
}
.card-pricing-plan.card-recommended h3, .card-pricing-plan.card-recommended li {
color: #FFF;
}
.card-pricing-plan.card-recommended li:before {
filter: brightness(0) invert(1);
}
.card-pricing-plan .tag {
background-color: #FFF;
color: #000;
position: absolute;
padding: 3px 10px;
font-size: 12px;
font-weight: bold;
right: 0;
top: -1px;
left: 0;
margin: 0 auto;
max-width: 110px;
}
.card-pricing-plan .card-body {
padding: 30px 35px 40px;
}
.card-pricing-plan .card-title {
font-family: var(--paragraph-font);
font-size: 30px;
letter-spacing: 1.2px;
margin-bottom: 15px;
}
.card-pricing-plan .card-title small {
font-size: 20px;
color: #000;
font-weight: bold;
}
.card-pricing-plan .duration {
background-color: #F1F1F1;
border-radius: 4px;
color: #666666;
font-size: 14px;
padding: 16px 30px;
text-align: center;
margin: 20px 50px;
letter-spacing: 1.2;
text-transform: capitalize;
}
.card-pricing-plan ul {
min-height: 170px;
margin-bottom: 25px;
}
.card-pricing-plan li {
font-size: 14px;
font-weight: 500;
position: relative;
padding: 5px 20px;
color: var(--heading-color);
text-align: left;
}
.card-pricing-plan li:before {
background-image: url('../images/icons/check.svg');
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
position: absolute;
content: "";
top: 30%;
left: 5px;
width: 12px;
height: 12px;
transform: translateX(-50%);
}
/* === Testimonials === */
#testimonials-block {
background-position: center;
background-repeat: no-repeat;
background-size: auto 100%;
}
#testimonials-block p {
font-size: 21px;
line-height: 1.6;
color: var(--heading-color);
}
#testimonials-block .quote svg {
width: 50px;
height: 50px;
margin-bottom: 50px;
}
#testimonials-block .quote svg path {
fill: var(--heading-color);
}
#testimonials-block .user {
font-size: 18px;
font-weight: bold;
color: var(--bs-primary);
}
#testimonials-block .designation {
font-size: 16px;
color: var(--paragraph-color);
}
#testimonials-block.bg-primary p {
color: #FFF;
}
#testimonials-block.bg-primary .quote svg path {
fill: #FFF;
}
#testimonials-block.bg-primary .user {
color: #FFF;
}
#testimonials-block.bg-primary .designation {
color: #FFF;
}
#testimonials-block .testimonial-with-image {
background-position: center;
background-size: 55%;
background-repeat: no-repeat;
}
#testimonials-block .testimonial-with-image p {
font-size: 21px;
line-height: 1.8;
font-weight: bold;
}
/* === Contact === */
.contact-info {
padding: 75px 65px;
position: relative;
background-size: cover;
background-position: center;
min-height: 720px;
}
.contact-info:before {
background-color: rgba(0,0,0,0.65);
position: absolute;
content: "";
z-index: 0;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.contact-info h2, .contact-info p {
color: #FFF;
}
.contact-info .info {
position: relative;
z-index: 2;
}
.contact-info .terms a {
color: #FFF;
}
.contact-info li {
font-size: 18px;
font-weight: 500;
position: relative;
padding: 5px 25px;
color: #FFF;
text-align: left;
}
.contact-info li:before {
background-image: url(../images/icons/check.svg);
background-size: cover;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
filter: brightness(0) invert(1);
position: absolute;
content: "";
top: 11px;
left: 0;
width: 18px;
height: 18px;
}
.contact-form .enquiry-form {
background-color: #FFF;
padding: 40px 45px 40px;
}
.contact-form #edit-actions {
display: flex;
justify-content: flex-end;
}
.contact-form .btn {
margin-top: 20px;
padding: 0.75rem 2.5rem;
}
.form-control {
background-color: transparent;
font-size: 0.875rem;
padding: 0.375rem 0;
border-radius: 0;
border: none;
border-bottom: 1px solid #707070;
margin-bottom: 10px;
}
.form-control:focus {
color: var(--heading-color);
background-color: transparent;
border-color: var(--bs-primary);
outline: 0;
box-shadow: none;
}
textarea.form-control {
height: 80px;
}
.select2-container--default .select2-selection--single {
background-color: transparent;
font-size: 0.875rem;
line-height: 22px;
padding: 0;
border-radius: 0;
border: none;
border-bottom: 1px solid #707070;
margin-bottom: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--heading-color);
line-height: 22px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: var(--paragraph-color);
}
#office-locations h2 {
font-size: 1.5rem;
font-weight: 700;
border-bottom: 1px solid rgb(209 209 209);
padding-bottom: 15px;
}
/* === Service === */
.service-list p {
margin-bottom: 10px;
}
.service-list h3 {
font-size: 1.5rem;
margin-bottom: 15px;
}
/* === List === */
ul.dds-list1 {
padding-left: 0;
}
ul.dds-list1 li {
position: relative;
font-size: 1rem;
line-height: 2;
text-decoration: none;
color: rgba(0,0,0,1);
padding-left: 25px;
list-style-type: none;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
ul.dds-list1 li a {
text-decoration: none;
}
ul.dds-list1 li:before {
position: absolute;
content: "";
background: var(--heading-color);
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
width: 11px;
height: 3px;
top: 45%;
left: 0;
}
#scrolling-content-with-image ul {
padding-left: 0;
}
#scrolling-content-with-image li {
position: relative;
font-size: 1rem;
line-height: 2;
text-decoration: none;
color: rgba(0,0,0,1);
padding-left: 25px;
list-style-type: none;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
#scrolling-content-with-image li a {
text-decoration: none;
}
#scrolling-content-with-image li:before {
position: absolute;
content: "";
background: var(--heading-color);
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
width: 11px;
height: 3px;
top: 14px;
left: 0;
}
.tab-content ul {
padding-left: 15px;
}
.tab-content ul li {
position: relative;
font-size: 1rem;
line-height: 2;
text-decoration: none;
color: var(--paragraph-color);
padding-left: 25px;
list-style-type: none;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.tab-content ul li a {
text-decoration: none;
}
.tab-content ul li:before {
position: absolute;
content: "";
background: var(--heading-color);
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
width: 11px;
height: 3px;
top: 15px;
left: 0;
}
.blog-details-content ul {
padding-left: 30px;
margin-bottom: 40px;
}
.blog-details-content li {
position: relative;
font-size: 1rem;
line-height: 2;
text-decoration: none;
color: var(--paragraph-color);
padding-left: 25px;
list-style-type: none;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.blog-details-content li a {
text-decoration: none;
}
.blog-details-content li:before {
position: absolute;
content: "";
background: var(--paragraph-color);
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
width: 11px;
height: 3px;
top: 14px;
left: 0;
}
.project-features ul {
padding-left: 0;
margin-bottom: 40px;
}
.project-features li {
position: relative;
font-size: 1rem;
line-height: 2;
text-decoration: none;
color: var(--paragraph-color);
padding-left: 25px;
list-style-type: none;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.project-features li a {
text-decoration: none;
}
.project-features li:before {
position: absolute;
content: "";
background: var(--paragraph-color);
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
width: 11px;
height: 3px;
top: 14px;
left: 0;
}
ul.dds-list2 {
padding-left: 0;
}
ul.dds-list2 li {
position: relative;
font-size: 1rem;
line-height: 2;
text-decoration: none;
color: var(--paragraph-color);
padding-left: 60px;
list-style-type: none;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
ul.dds-list2 li a {
text-decoration: none;
}
ul.dds-list2 li img {
position: absolute;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
width: 38px;
height: 38px;
top: 0;
left: 0;
}
ul.dds-list2 li h3 {
font-size: 1.5rem;
margin-bottom: 10px;
}
ul.dds-list3 {
padding-left: 0;
}
ul.dds-list3 li {
position: relative;
font-size: 1rem;
line-height: 2;
text-decoration: none;
color: var(--paragraph-color);
padding-left: 40px;
list-style-type: none;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
margin-bottom: 15px;
}
ul.dds-list3 li a {
text-decoration: none;
}
ul.dds-list3 li img {
position: absolute;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
width: 25px;
height: 25px;
top: 3px;
left: 0;
}
ul.dds-list3 li h3 {
font-size: 1.5rem;
margin-bottom: 10px;
}
ul.dds-list3 li p {
margin-bottom: 0;
}
/* === Case Study === */
.case-study-item .image {
min-height: 320px;
}
.case-study-item .image img {
width: 100%;
height: 320px;
object-fit: cover;
}
.case-study-item h3 {
font-size: 18px;
line-height: 1.5;
margin-bottom: 15px;
}
.case-study-item h3 a {
color: var(--heading-color);
text-decoration: none;
}
.case-study-item h3 a:hover {
color: var(--bs-primary);
}
.case-study-item .case-study-info {
background-color: #FFF;
padding: 20px 25px;
}
.case-study-item .category {
font-size: 14px;
text-transform: capitalize;
}
.case-study-item.boxed {
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
margin-bottom: 30px;
}
.case-study-item.boxed h2 {
font-size: 28px;
line-height: 1.2;
min-height: 100px;
}
.case-study-item.boxed h2 a {
color: var(--heading-color);
text-decoration: none;
}
.case-study-item.boxed h2 a:hover {
color: var(--bs-secondary);
}
.case-study-item.boxed .case-study-info {
padding: 30px 35px;
}
.case-study-info {
position: relative;
height: auto;
background-color: #FFF;
padding: 30px 40px;
box-shadow: 0 3px 6px rgba(0,0,0,0.12);
}
.case-study-info .title {
font-size: 16px;
}
.case-study-info .content {
font-size: 18px;
font-weight: 700;
color: var(--heading-color);
}
#case-study-details .case-study-info {
height: 110px;
margin-top: -60px;
}
.user-logged-in #case-study-details .case-study-info {
margin-top: -104px;
}
#works.bg-light .case-study-info {
box-shadow: none;
}
#our-approach h3 {
margin-bottom: 0;
}
.project-content {
position: relative;
margin-top: 40px;
padding-right: 40px;
}
.project-image {
padding: 34px;
}
.project-features {
background-color: var(--bg-light);
position: relative;
padding-left: 50px;
}
.project-features:before {
position: absolute;
content: "";
width: 500%;
top: 0;
left: 100%;
height: 100%;
background-color: var(--bg-light);
}
.logos {
margin-top: 20px;
}
.logos li:not(:last-child) {
margin-right: 10px;
}
.step-count {
position: absolute;
top: -50px;
left: -10px;
font-size: 70px;
color: rgba(0,0,0,0.08);
z-index: 0;
}
.design-block {
position: relative;
}
.screenshot {
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
max-width: 500px;
max-height: 410px;
margin: 0px auto;
padding: 18px 16px 130px;
}
.screenshot .website {
height: 100%;
overflow: hidden;
}
.screenshot .website img {
height: 260px;
object-fit: cover;
object-position: center top;
width: 100%;
transition: ease-in-out 2s;
}
.screenshot .website:hover img {
object-position: center bottom;
}
.user-logged-in.node--type-case-study #local-tasks {
position: relative;
top: -104px;
}
.user-logged-in.node--type-case-study nav.tabs {
max-width: 850px;
margin-left: auto;
margin-right: auto;
}
/* === Migration === */
.card-migration {
background-color: #FFF;
border-radius: 0;
min-height: 170px;
border: none;
}
.card-migration img {
width: 40px;
height: 40px;
}
.card-migration h3 {
font-size: 1rem;
margin-bottom: 5px;
}
.card-migration .card-image {
padding: 20px 20px 10px;
}
.card-migration .card-body {
text-align: center;
padding: 25px 30px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.card-migration .sub-title {
font-size: 12px;
font-style: italic;
}
/* === Content with Media === */
.content-with-media img {
width: 100%;
min-height: 355px;
}
.content-with-media ul {
margin-bottom: 30px;
}
.page-node-8 .content-with-media:nth-child(4n) {
padding-top: 0;
}
.page-node-25 #call-to-action {
margin-bottom: 100px;
}
/* === Login === */
#login-page #main {
padding-bottom: 90px;
padding-bottom: 90px;
}
/* === Blog === */
.card-blog-post {
border-radius: 0;
border: 1px solid rgba(0,0,0,.20);
}
.card-blog-post .card-image {
background-color: var(--bg-light);
padding: 0;
height: 100%;
}
.card-blog-post .card-image img {
min-height: 100%;
object-fit: cover;
}
.card-blog-post .card-body {
padding: 35px 40px;
}
.card-blog-post .card-body h2 {
font-size: 20px;
line-height: 1.5;
margin-bottom: 20px;
}
.card-blog-post .card-body h2 a {
color: var(--heading-color);
text-decoration: none;
}
.card-blog-post .card-body h2 a:hover {
color: var(--bs-primary);
}
.blog-post:not(:last-child) {
margin-bottom: 50px;
}
.user-logged-in.node--type-blogs #local-tasks {
position: relative;
top: -144px;
}
/* === Video === */
#dds-video .video { 
margin:0;
padding:0;
min-height:580px;
position: relative;
background-position:center;
background-repeat:no-repeat;
background-size: cover;
-webkit-background-size: cover;
}
#dds-video .play-btn { 
background:#2180bd;
border-radius:50%;
text-align:center;
animation:animate 1.5s linear infinite;
cursor:pointer;
width: 64px;
height: 64px;
left: 50%;
top: 50%;
line-height: 64px;
padding-left: 7px;
position: absolute;
margin: -32px 0 0 -32px;
z-index: 10;
}
#dds-video .play-btn i {
color:#ffffff;
font-size:22px;
}
/* === Feature with Image === */
#features-with-images .feature-image {
position: relative;
min-height: 500px;
}
#features-with-images .feature-image img {
min-height: 500px;
object-fit: cover;
}
#features-with-images .feature-image a {
position: absolute;
right: 0;
bottom: 0;
}
@keyframes animate { 
0% {
box-shadow:0 0 0 0 rgba(0,177,246,0.8);
}
40% {
box-shadow:0 0 0 30px rgba(0,177,246,0);
}
80% {
box-shadow:0 0 0 30px rgba(0,177,246,0);
}
100% { 
box-shadow:0 0 0 rgba(0,177,246,0);
}
}
/* === Animations === */
.animate {
animation-duration: 0.3s;
-webkit-animation-duration: 0.3s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
@keyframes slideIn {
0% {
    transform: translateY(1rem);
    opacity: 0;
}
100% {
    transform: translateY(0rem);
    opacity: 1;
}
0% {
    transform: translateY(1rem);
    opacity: 0;
}
}
@-webkit-keyframes slideIn {
0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
}
100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
}
0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
}
}
.slideIn {
-webkit-animation-name: slideIn;
animation-name: slideIn;
}
@media (max-width: 991.98px) {
h1 {
font-size: 2.25rem;
line-height: 1.4;
}
h2, #call-to-action h2 {
font-size: 1.75rem;
line-height: 1.4;
}
h3 {
font-size: 1.5rem;
line-height: 1.4;
}
#main {
padding-top: 68px;
}
.navbar {
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-light .navbar-toggler {
order:1;
border-color: transparent;
}
.container, .container-lg {
padding-left: 15px;
padding-right: 15px;
}
#dds-logo img {
width: 130px;
height: auto;
}
.offcanvas-collapse {
position: fixed;
top: 68px;
bottom: 0;
left: 100%;
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
overflow-y: auto;
visibility: hidden;
background-color: #fbfbfb;
transition: transform .3s ease-in-out, visibility .3s ease-in-out;
z-index: 9999;
}
.offcanvas-collapse.open {
visibility: visible;
transform: translateX(-100%);
}
#header .btn-primary {
margin-left: auto;
background-color: var(--bs-secondary);
border: 2px solid var(--bs-secondary);
}
#home-banner {
padding-top: 60px;
padding-bottom: 60px;
}
#sub-page-banner {
background-position: center;
padding: 50px 0 50px;
}
#home-banner, #sub-page-banner {
min-height: 300px;
}
#footer {
padding-top: 60px;
}
.footer-widget {
margin-bottom: 20px;
}
.footer-cta h2 {
margin-bottom: 20px;
}
.sec-pd-xl, .sec-pd-lg, .sec-pd-md, .sec-pd-sm, .sec-mg-lg {
padding-top: 60px;
padding-bottom: 70px;
}
.sec-pd-sp {
padding-top: 340px;
padding-bottom: 60px;
}
.sec-pd-bc {
padding-bottom: 60px;
}
.page-node-25 #call-to-action {
margin-bottom: 70px;  
}
.sec-pd-sc {
padding: 30px;
}
.sec-pt-lg {
padding-top: 60px;
}
#counters #dds-video {
margin-top: -630px;
}
#statistics {
margin-bottom: 0;
}
.statistics-title, .statistics-info {
width: 100%;
padding-left: 50px;
padding-right: 50px;
text-align: center;
}
.statistics-info h3, #counters h3 {
padding: 0 20px 30px;
}
.statistics-info h3 span, #counters h3 span {
margin-bottom: 20px;
}
.statistics-info h3 span:after, #counters h3 span:after {
bottom: -8px;
}
.card-pricing-plan {
margin-top: 30px;
}
.pricing-info .btn {
margin-bottom: 20px;   
}
#cta-home, #testimonials {
background-size: 90%;
margin-top: 0;
}
.about-us+#cta {
margin-bottom: 60px;
}
.statistics-title:before, .statistics-info:before {
display: none;
}
#case-study-home .owl-theme .owl-nav [class*=owl-] {
padding: 3px 6px;
}
.contact-info {
min-height: auto;
padding: 30px 30px 5px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.screenshot {
max-width: 500px;
max-height: 410px;
padding: 15px 14px 130px;
}
.screenshot .website img {
height: 212px;
}
h1 {
font-size: 3rem;
line-height: 1.4;
}
h2, #call-to-action h2 {
font-size: 2rem;
line-height: 1.4;
}
.statistics-info {
padding-left: 40px;
}
.statistics-title h2 {
font-size: 32px;
line-height: 1.4;
}
.statistics-info h3 span.count {
font-size: 42px;
}
}
@media (min-width: 992px) {
#main {
padding-top: 122px;
}
body.user-logged-in #main {
padding-top: 122px;
}
body.user-logged-in .navbar {
top: 39px;
}
body.user-logged-in.toolbar-tray-open .navbar {
top: 79px;
}
.navbar {
padding-top: 35px;
padding-bottom: 35px;
}
.navbar-expand-lg.navbar-end .navbar-absolute-top-scroller, .navbar-expand-lg.navbar-end .navbar-sticky-top-scroller {
margin-left: auto;
}
.navbar-light .navbar-nav .nav-link {
padding-right: 8px;
padding-left: 8px;
margin-right: 25px;
margin-left: 10px;
}
.navbar-light .navbar-nav .nav-link.dropdown-toggle {
padding-right: 0;
}
.container, .container-lg {
padding-left: 15px;
padding-right: 15px;
}
.btn-lg {
padding: 9px 22px 11px;
min-width: 180px;
}
#header .btn-lg {
padding: 10px 33px;
}
#header .btn-primary {
margin-left: 17px;
}
#sub-page-banner p {
margin-bottom: 30px;
font-size: 18px;
line-height: 30px;
}
.footer-brand {
width: 30.333333%;
}
.footer-links {
width: 69.666667%;
}
#cta-home {
min-height: 510px;
padding-top: 240px;
padding-bottom: 110px;
}
#testimonials {
min-height: 480px;  
}
.tab-content h3 {
font-size: 2rem;
}
.tab-content p:last-child {
margin-bottom: 0;
}
#feature-tabs-top .tab-content-text {
width: 53.5%;
}
#feature-tabs-top .tab-content-image {
width: 46.5%;
}
.contact-info {
padding: 75px 250px 75px 65px;
}
.contact-info .terms {
margin-top: 200px;
}
.contact-details {
width: 62.33333333%;
}
.contact-form {
width: 52.666667%;
margin-left: -182px;
z-index: 1;
}
.testimonial-media {
width: 38.3%;
}
.testimonial-content {
width: 61.7%;
padding-left: 50px;
}
.about-us+#cta {
margin-bottom: 100px;
}
#feature-tabs-top .tab-content-image img {
min-height: 320px;
max-width: 420px;
object-fit: cover;
}
.tab-left-image img {
max-width: 420px;
min-height: 381px;
object-fit: cover;
}
#case-study-home .owl-nav {
margin-right: -3px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.sec-pd-pc {
padding: 60px 20px;
}
.sec-pd-ct {
padding-top: 10px;
}
#sub-page-banner-lg {
min-height: 385px;
padding-bottom: 40px;
}
#feature-tabs-top li.nav-item .nav-link {
width: 110px;
height: 140px;
font-size: 14px;
padding: 8px 10px;
}
#feature-tabs-top.varient2 li.nav-item .nav-link {
width: 130px;
font-size: 14px;
padding: 8px 10px;
}
#feature-tabs-left ul.nav.nav-tabs {
padding: 20px;
}
#feature-tabs-left li.nav-item .nav-link {
font-size: 13px;
padding: 8px 5px 8px 15px;
}
#feature-tabs-left li.nav-item .nav-link.active {
right: -20px;
}
#feature-tabs-right ul.nav.nav-tabs {
padding: 20px;
}
#feature-tabs-right li.nav-item .nav-link.active {
left: -20px;
}
#case-study-details .case-study-info {
margin-top: -54px;
}
.card-migration {
margin-bottom: 30px;
}
.screenshot {
padding: 10px 10px 110px;
}
.screenshot .website img {
height: 152px;
}
}
@media (max-width: 767.98px) {
.sec-pd-ct {
padding-top: 10px;
}
.sec-pd-sc {
padding: 30px 0 30px;
}
.sec-pd-pc {
padding: 80px 0 30px;
}
.sec-nav {
justify-content: flex-start;
}
.btn-lg {
padding: 4px 10px;
}
.navbar-toggler {
padding: 2px 8px;
}
#home-banner {
padding-top: 60px;
padding-bottom: 80px;
}
.home-banner-img {
padding-top: 50px;
}
.statistics-title h2 {
font-size: 28px;
margin-bottom: 30px;
}
.statistics-title:after {
left: 0;
right: 0;
margin: 0 auto;
}
.owl-controls {
bottom: 49%;
left: 0;
right: 0;
}
.owl-prev {
position: absolute;
left: 4px;
}
.owl-next {
position: absolute;
right: 4px;
}
#feature-tabs-top .tab-content-image img {
min-height: auto;
}
#feature-tabs-top .tab-content {
padding: 40px;
}
#feature-tabs-right .tab-content {
padding: 0 30px;
}
#feature-tabs-left .tab-content {
padding: 40px 0 0;
}
.service-list+.service-list {
margin-top: 25px;
}
.accordion-s3 .accordion-item:last-child {
margin-bottom: 30px;
}
#case-study-home h3 {
margin: 30px;
text-align: center;
}
#case-study-home .item {
text-align: center;
}
#case-study-home .image, #case-study-home .image img {
height: 300px;
}
#cta-home {
margin-top: 0;
}
.card-services, .card-testimonial, .blog-item, .card-migration, .case-study-item {
margin-bottom: 35px;
}
#faq-accordion .btn {
margin-bottom: 50px;   
}
.content-with-media img {
min-height: 200px;
margin-bottom: 30px;
}
.content-with-media.sec-pd-lg .row {
flex-direction: column-reverse;
}
.content-with-media.sec-pd-bc p {
margin-bottom: 0;
}
.content-with-media.sec-pd-lg ul, .content-with-media.sec-pd-bc ul {
margin-top: 20px;
}
.content-with-media.sec-pd-bc .btn {
margin-top: 20px;
}
#features-with-images .feature-image {
margin-bottom: 30px;
}
.blog-post:not(:last-child) {
margin-bottom: 15px;
}
#blog-details .blog-details-content {
padding: 20px;
}
.blog-details-content p img {
margin-top: 20px;
margin-bottom: 20px;
}
#call-to-action.varient3 {
padding: 30px;
}
#call-to-action.varient3 .btn {
margin-top: 30px;
}
.case-study-info .col-auto {
margin-top: 10px;
margin-bottom: 10px;
}
.step-count {
top: -90px;
left: 10px;
}
.project-features {
padding: 30px;
}
.project-features:before {
display: none;
}
#case-study-details .case-study-info {
height: auto;
margin-top: -104px;
}
.testimonial-content .quote { 
margin-top: 30px;
}
#testimonials-block .quote svg {
margin-bottom: 20px;
}
#access-denied img {
max-width: 100%;
}
#office-locations ul.dds-list3 {
margin-bottom: 50px;
}
.contact-info {
min-height: auto;
}
.contact-info {
padding: 30px;
}
.contact-info p {
margin-bottom: 0;
}
.contact-form #edit-actions {
justify-content: center;
}
#sub-page-banner-lg {
min-height: 385px;
}
.feature-dtab {
display: none;
}
#feature-m1 .accordion-item:last-child, #feature-m3 .accordion-item:last-child {
margin-bottom: 0;
}
.tab-left-image {
margin-bottom: 50px;
}
fieldset.js-form-item.js-form-type-select.form-type-select.js-form-item-looking-for, fieldset.js-form-item.js-form-type-select.form-type-select.js-form-item-budget {
margin-bottom: 30px !important;
}
#about-section p, #about-services p, #about-accordion p {
font-size: 18px;
}
#case-study-home .owl-controls {
bottom: 15%;
}
.tagline {
margin-bottom: 10px;
}
#latest-blog h2, #works h2 {
margin-bottom: 20px;
}
#latest-blog .sec-nav .btn, #case-study-home .sec-nav .btn, #works .sec-nav .btn, #features-with-images .feature-image  {
display: none;
}
.sec-nav-sm {
text-align: center;
}
.footer-cta, .copyrights-info, .trademark-info {
text-align: center;
}
.footer-brand {
text-align: center;
margin-bottom: 50px;
}
.footer-widget {
margin-bottom: 20px;
text-align: center;
}
.footer-cta h2 {
margin-bottom: 20px;
}
.footer-widgets h3 {
background-position: center bottom;
}
.footer-contact {
width: 100%;
}
.footer-widgets {
padding-bottom: 0;
}
}
@media (min-width: 768px) {
#feature-m1, #feature-m2, #feature-m3 {
display: none;
}
.sec-nav-sm {
display: none;
}
.ps-md-6 {
padding-left: 5rem;
}
.footer-cta h2 {
margin-bottom: 0;
}
.footer-cta .cta-action {
display: flex;
justify-content: flex-end;
}
.trademark-info {
text-align: right;
}
.image-block img {
min-height: 549px;
object-fit: cover;
}
#feature-tabs-left .feature-dtab {
margin-top: 30px;
}
#feature-tabs-top .tab-content-text p:last-child {
margin-bottom: 0;
}
#feature-tabs-right p:last-child {
margin-bottom: 0;
}
#feature-tabs-left p:last-child {
margin-bottom: 0;
}
}
@media (max-width: 413.98px) {
#dds-logo img {
width: 100px;
height: auto;
}
.screenshot {
max-width: 250px;
padding: 9px 9px 70px;
}
.screenshot .website img {
height: 130px;
}
}
@media (min-width: 414px) and (max-width: 575.98px) {
#dds-logo img {
width: 140px;
height: auto;
}
.screenshot {
max-width: 360px;
padding: 13px 13px 100px;
}
.screenshot .website img {
height: 186px;
}
}
@media (max-width: 575.98px) {
.navbar-toggler {
margin-left: 5px;
}
.offcanvas-collapse {
top: 65px;
}
.dropdown-menu {
font-size: 14px;
padding: 10px 12px;
}
.btn-lg {
padding: 9px 18px 10px;
}
#header .btn-lg {
padding: 3px 10px 4px;
}
}
@media (min-width: 1281px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px;
}
header .container-lg {
    max-width: 1196px;
}
.statistics-title {
    width: 34.7%;
    padding-right: 40px;
    padding-bottom: 120px;
    padding-left: 10px;
}
.statistics-info {
    width: 65.3%;
    padding-left: 60px;
}
.statistics-content p {
    padding-left: 28px;
}
#case-study-home h3 {
    margin-right: 60px;
}
}