File "custom.css"
Full path: /home/wrisexaf/public_html/adigoz/css/custom.css
File size: 50.12 KB
MIME-type: text/plain
Charset: utf-8
Download Open Edit Advanced Editor Back
body,
html {
height: 100%;
scroll-behavior: smooth;
}
body {
background: #ffffff;
overflow-x: hidden;
/* Remove hidden y-scrolling */
scroll-behavior: smooth;
}
img {
height: unset;
}
::-webkit-scrollbar {
width: 14px;
}
::-webkit-scrollbar-thumb {
background-color: #628ecd;
border-radius: 10px;
border-right: 2px solid #f1f4fa;
border-left: 2px solid #f1f4fa;
}
::-webkit-scrollbar-thumb:hover {
background-color: #636363;
cursor: pointer;
}
::-webkit-scrollbar-track {
background-color: #f1f4fa;
}
@font-face {
font-family: 'Halyard_Display';
src: url('../fonts/Halyard_Display.otf');
font-weight: 100 900;
font-style: normal;
}
h1.main-heading {
color: #fff;
font-size: clamp(60px, 9vw, 90px);
font-family: 'Halyard_Display';
font-weight: 500;
letter-spacing: -9px;
line-height: clamp(20px, 8vw, 100px);
text-transform: uppercase;
position: relative;
z-index: 9;
}
h1.main-heading span {
font-family: 'Halyard_Display';
display: inline-block;
}
h2.sub-heading {
color: #4169E1;
font-size: clamp(30px, 5vw, 55px);
font-family: 'Halyard_Display';
line-height: clamp(20px, 8vw, 57px);
}
h2.sub-heading span {
color: #ecda93;
}
h5.sub-text {
font-family: 'Halyard_Display';
font-size: clamp(18px, 4vw, 28px);
color: #f1f4fb;
font-weight: 500;
letter-spacing: 0px;
}
h6.mini-heading {
color: #4169E1;
font-family: 'Halyard_Display';
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
}
p.paragraph {
color: #4169E1;
font-family: "DM Sans";
font-size: clamp(14px, 4vw, 17px);
line-height: clamp(26px, 4vw, 29px);
font-weight: 400;
}
a.dflt-button {
padding: 18px 40px;
font-size: 14px;
line-height: 21px;
color: #fff;
text-decoration: unset;
font-weight: 500;
transition: all 0.5s;
font-family: 'Halyard_Display';
letter-spacing: 1px;
display: inline-block;
background-color: #4169E1;
}
button.dflt-button {
padding: 18px 40px;
font-size: 14px;
line-height: 21px;
border: 1px solid transparent;
background-color: #4169E1;
color: #fff;
text-decoration: unset;
font-weight: 500;
font-family: 'Halyard_Display';
transition: all 0.5s;
letter-spacing: 1px;
display: inline-block;
}
a.dflt-button:hover {
background-color: #b2caf0;
color: #ffffff;
}
button.dflt-button:hover {
background-color: #b2caf0 !important;
color: #ffffff;
}
section.section-one {
padding: 0 0 3rem;
position: relative;
z-index: 1;
background-image: url(../images/universal-bg.webp);
width: 100%;
background-size: cover;
background-position: left;
background-repeat: no-repeat;
animation: moveBackground 260s linear infinite;
height: 100vh;
background-color: #b7d6ff;
}
@keyframes moveBackground {
0% {
background-position: left;
}
100% {
background-position: right;
}
}
header {
position: fixed;
width: 100%;
right: 0;
left: 0;
top: 0;
z-index: 999999;
transition: all 0.4s ease-in-out;
padding: 20px 0;
background-color: transparent;
}
.logo ul {
display: flex;
gap: 0 20px;
}
.logo ul li a {
color: #ffffff;
text-decoration: unset;
font-family: 'Halyard_Display';
font-weight: 500;
font-size: 17px;
position: relative;
padding: 8px;
background-color: #00000040;
border-radius: 4px;
transition: all 0.5s;
}
.logo ul li {
list-style: none;
}
a.normal-btn {
color: #fff;
text-decoration: unset;
font-family: 'Halyard_Display';
font-weight: 500;
font-size: 20px;
padding: 8px;
background-color: #00000040;
border-radius: 4px;
transition: all 0.5s;
}
header .dflt-button {
padding: 13px 26px;
font-size: 12px;
line-height: 20px;
}
.header-contact {
display: flex;
align-items: center;
gap: 0 60px;
}
.logo ul li a.active::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -8px;
margin: auto;
background-color: #000000;
width: 100%;
height: 2px;
}
.left-one .img-2 {
position: absolute;
left: 70px;
bottom: 0;
width: 140px;
}
.left-one .img-1 {
position: absolute;
right: 0;
width: 350px;
}
.left-one {
height: 100%;
}
.right-one {
height: 100%;
}
.right-one img {
width: 470px;
}
.marginn {
margin-top: 6rem !important;
}
.left-two img {
width: 470px;
}
.right-two .img-1 {
position: absolute;
right: 0;
z-index: 1;
width: 150px;
}
.right-two .img-2 {
position: absolute;
bottom: 0;
width: 300px;
right: 60px;
}
.right-two {
height: 290px;
}
.section-one-content h1 span {
opacity: 0;
animation: fall 1s forwards;
}
h1 span:nth-child(1) { animation-delay: 0s; } /* W */
h1 span:nth-child(2) { animation-delay: 0.05s; } /* a */
h1 span:nth-child(3) { animation-delay: 0.1s; } /* s */
h1 span:nth-child(4) { animation-delay: 0.15s; } /* t */
h1 span:nth-child(5) { animation-delay: 0.2s; } /* i */
h1 span:nth-child(6) { animation-delay: 0.25s; } /* n */
h1 span:nth-child(7) { animation-delay: 0.3s; } /* g */
h1 span:nth-child(8) { animation-delay: 0.35s; } /* */
h1 span:nth-child(9) { animation-delay: 0.4s; } /* M */
h1 span:nth-child(10) { animation-delay: 0.45s; } /* a */
h1 span:nth-child(11) { animation-delay: 0.5s; } /* r */
h1 span:nth-child(12) { animation-delay: 0.55s; } /* k */
h1 span:nth-child(13) { animation-delay: 0.6s; } /* e */
h1 span:nth-child(14) { animation-delay: 0.65s; } /* t */
h1 span:nth-child(15) { animation-delay: 0.7s; } /* i */
h1 span:nth-child(16) { animation-delay: 0.75s; } /* n */
h1 span:nth-child(17) { animation-delay: 0.8s; } /* g */
h1 span:nth-child(18) { animation-delay: 0.85s; } /* */
h1 span:nth-child(19) { animation-delay: 0.9s; } /* B */
h1 span:nth-child(20) { animation-delay: 0.95s; } /* u */
h1 span:nth-child(21) { animation-delay: 1s; } /* d */
h1 span:nth-child(22) { animation-delay: 1.05s; } /* g */
h1 span:nth-child(23) { animation-delay: 1.1s; } /* e */
h1 span:nth-child(24) { animation-delay: 1.15s; } /* t */
h1 span:nth-child(25) { animation-delay: 1.2s; } /* s */
h1 span:nth-child(26) { animation-delay: 1.25s; } /* */
h1 span:nth-child(27) { animation-delay: 1.3s; } /* I */
h1 span:nth-child(28) { animation-delay: 1.35s; } /* s */
h1 span:nth-child(29) { animation-delay: 1.4s; } /* */
h1 span:nth-child(30) { animation-delay: 1.45s; } /* A */
h1 span:nth-child(31) { animation-delay: 1.5s; } /* l */
h1 span:nth-child(32) { animation-delay: 1.55s; } /* l */
h1 span:nth-child(33) { animation-delay: 1.6s; } /* */
h1 span:nth-child(34) { animation-delay: 1.65s; } /* T */
h1 span:nth-child(35) { animation-delay: 1.7s; } /* o */
h1 span:nth-child(36) { animation-delay: 1.75s; } /* o */
h1 span:nth-child(37) { animation-delay: 1.8s; } /* */
h1 span:nth-child(38) { animation-delay: 1.85s; } /* C */
h1 span:nth-child(39) { animation-delay: 1.9s; } /* o */
h1 span:nth-child(40) { animation-delay: 1.95s; } /* m */
h1 span:nth-child(41) { animation-delay: 2s; } /* m */
h1 span:nth-child(42) { animation-delay: 2.05s; } /* o */
h1 span:nth-child(43) { animation-delay: 2.1s; } /* n */
h1 span:nth-child(44) { animation-delay: 2.15s; } /* — */
h1 span:nth-child(45) { animation-delay: 2.2s; } /* L */
h1 span:nth-child(46) { animation-delay: 2.25s; } /* e */
h1 span:nth-child(47) { animation-delay: 2.3s; } /* t */
h1 span:nth-child(48) { animation-delay: 2.35s; } /* ' */
h1 span:nth-child(49) { animation-delay: 2.4s; } /* s */
h1 span:nth-child(50) { animation-delay: 2.45s; } /* */
h1 span:nth-child(51) { animation-delay: 2.5s; } /* T */
h1 span:nth-child(52) { animation-delay: 2.55s; } /* u */
h1 span:nth-child(53) { animation-delay: 2.6s; } /* r */
h1 span:nth-child(54) { animation-delay: 2.65s; } /* n */
h1 span:nth-child(55) { animation-delay: 2.7s; } /* */
h1 span:nth-child(56) { animation-delay: 2.75s; } /* T */
h1 span:nth-child(57) { animation-delay: 2.8s; } /* h */
h1 span:nth-child(58) { animation-delay: 2.85s; } /* a */
h1 span:nth-child(59) { animation-delay: 2.9s; } /* t */
h1 span:nth-child(60) { animation-delay: 2.95s; } /* */
h1 span:nth-child(61) { animation-delay: 3s; } /* A */
h1 span:nth-child(62) { animation-delay: 3.05s; } /* r */
h1 span:nth-child(63) { animation-delay: 3.1s; } /* o */
h1 span:nth-child(64) { animation-delay: 3.15s; } /* u */
h1 span:nth-child(65) { animation-delay: 3.2s; } /* n */
h1 span:nth-child(66) { animation-delay: 3.25s; } /* d */
h1 span:nth-child(67) { animation-delay: 3.3s; } /* d */
@keyframes fall {
0% {
transform: translateY(100px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
section.section-two {
background-color: #f1f4fb;
}
h5.sub-text span {
display: inline-block;
}
.section-one-content h1 {
margin: 0 0 30px;
color: #4169E1;
background-color: #ffffff8f;
backdrop-filter: blur(2px);
text-align: center;
}
section.section-three {
background-color: #f1f4fb;
padding: 6rem 0;
position: relative;
z-index: 9;
overflow: hidden;
}
section.section-three .side-text {
border: 1px solid #00000021;
padding: 26px;
border-radius: 40px;
height: 530px;
cursor: pointer;
}
section.section-three .side-text a {
text-decoration: unset;
}
section.section-three .side-text svg {
transition: all 0.5s;
color: #4169E1;
transform: rotate(-130deg);
}
section.section-three .side-text:hover svg {
transform: rotate(-90deg);
color: #628ecd;
}
section.flag {
width: 100vw;
height: 100vh;
}
.contact-us .checkbox-container {
display: block;
position: relative;
padding-left: 24px;
margin-bottom: 0;
cursor: pointer;
user-select: none;
font-size: 14px;
font-family: 'DM Sans';
color: #4169E1;
font-weight: 400;
}
.contact-us .checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
background-color: transparent;
border-radius: 4px;
border: 1px solid #4169E1;
transition: all 0.5s;
bottom: 0;
display: flex;
align-items: center;
margin: auto;
}
.contact-us .checkbox-container:hover span.checkmark {
border-color: #000;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.contact-us .checkbox-container input:checked~.checkmark:after {
display: block;
}
.contact-us .checkbox-container .checkmark:after {
left: 0;
top: 0;
width: 7px;
height: 7px;
background: #4169E1;
border-radius: 2px;
margin: auto;
right: 0;
bottom: 0;
}
section.section-four {
padding: 7rem 0;
background-image: url(../images/textture-bg.webp);
width: 100%;
height: auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
z-index: 99;
background-color: #f1f4fa;
}
.section-four-top h1 {
color: #4169E1;
font-size: clamp(60px, 5vw, 78px);
line-height: clamp(20px, 5vw, 71px);
letter-spacing: unset;
text-transform: uppercase;
text-align: center;
}
.section-four-top {
margin: 0 0 6rem;
}
.section-four-content .img img {
width: 100%;
height: 700px;
object-fit: cover;
}
.section-four-content .container-fluid {
padding: 0;
overflow: hidden;
}
.section-four-content .content h2 {
color: #4169E1;
margin: 0 0 2rem;
}
.section-four-content .content ul {
padding: 0;
margin: 0 0 2rem;
display: flex;
flex-direction: column;
gap: 0;
align-items: start;
}
.section-four-content .content ul li {
list-style: none;
display: flex;
align-items: center;
color: #4169E1;
font-family: "DM Sans";
font-size: clamp(14px, 4vw, 17px);
line-height: clamp(26px, 4vw, 29px);
font-weight: 400;
gap: 0 10px;
}
.section-four-content .content ul li svg {
color: #4169E1;
}
section.section-five {
padding: 5rem 0 5rem;
background-color: #f0f5fa;
border-top: 1px solid #d6ddee;
}
section.section-five .counter-text {
display: flex;
justify-content: center;
}
section.section-five .front-text h6 {
color: #4169E1;
font-weight: 500;
font-family: 'Halyard_Display';
font-size: 24px;
line-height: 34px;
}
section.section-five .counter-text span {
color: #d5deef;
font-size: 170px;
font-family: 'Halyard_Display';
font-weight: 500;
}
section.section-five .front-text {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
section.section-five .text {
position: relative;
}
section.section-five .text::after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
border-right: 1px solid #dfdfdf;
width: 1px;
height: 54px;
justify-content: center;
margin: auto;
}
section.section-five .col-md-3:first-child .text::after {
border: unset;
}
section.section-six {
background-image: linear-gradient(to bottom, #f1f4fb, #d9e2f5, #c0d1ee, #a7c0e8, #8bafe1);
padding: 7rem 0 5rem;
position: relative;
}
section.section-six .row {
z-index: 1;
position: relative;
}
section.section-six .auto-text span {
color: #ffffff;
}
section.section-six p {
color: #4169E1;
}
section.section-six .position-relative::after {
content: '';
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #618ecec7;
z-index: 1;
opacity: 0;
transition: all 0.5s;
top: 0;
}
section.section-six .position-relative .position-absolute {
bottom: 0;
width: 100%;
height: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
z-index: 9;
opacity: 0;
transition: all 0.5s;
}
section.section-six .position-relative .position-absolute .social-icons ul {
display: flex;
margin: 0;
padding: 0;
gap: 0 30px;
}
section.section-six .position-relative .position-absolute h5 {
font-size: 24px;
color: #fff;
font-family: 'Halyard_Display';
font-weight: 500;
}
section.section-six .position-relative img {
transition: all 0.5s;
width: 100%;
}
section.section-six .position-relative {
cursor: pointer;
overflow: hidden;
}
section.section-six .position-relative .position-absolute h6 {
font-size: 16px;
color: #fff;
font-family: 'Halyard_Display';
margin-top: 8px;
font-weight: 400;
}
section.section-six .position-relative .position-absolute .social-icons ul li {
list-style: none;
}
section.section-six .position-relative .position-absolute .social-icons {
display: flex;
margin-top: auto;
}
section.section-six .position-relative .position-absolute .social-icons ul svg {
color: #fff;
}
section.section-six .text h6 {
color: #4169E1;
}
section.section-six .position-relative:hover .position-absolute {
bottom: 25px;
opacity: 1;
}
section.section-six .position-relative:hover::after {
opacity: 1;
}
section.section-six .position-relative:hover img {
transform: scale(1.1);
}
section.section-eight {
padding: 5rem 0;
background-image: linear-gradient(to top, #f1f4fb, #eaeef8, #e3e9f6, #dbe3f3, #d4def0);
border-bottom: 1px solid #d3dffa;
}
section.section-eight .img img {
width: 100%;
}
section.section-eight .text h6 {
color: #4169E1;
}
section.section-eight .text p {
color: #4169E1;
margin: 0;
font-size: 14px;
line-height: 19px;
}
section.section-eight .text h5 {
color: #4169E1;
}
section.section-eight .text a {
color: #4169E1;
font-family: 'Halyard_Display';
font-size: 16px;
font-weight: 500;
text-decoration: unset;
position: relative;
display: inline-block;
margin-top: 1rem;
}
section.section-eight .text a::after {
content: '';
position: absolute;
right: -60px;
top: 0;
bottom: 0;
display: flex;
background-color: #4169E1;
width: 40px;
height: 1px;
margin: auto;
transition: 0.5s;
}
section.section-eight .text a::before {
content: '';
position: absolute;
right: -59px;
top: 0;
bottom: 0;
display: flex;
border: 2px solid transparent;
border-right-color: #4169E1;
transition: 0.5s;
border-top-color: #4169E1;
width: 10px;
height: 10px;
margin: auto;
transform: rotate(45deg);
}
section.section-eight .text a:hover::after {
width: 60px;
right: -110px;
background-color: #8bafe1;
}
section.section-eight .text a:hover::before {
right: -110px;
border-right-color: #8bafe1;
border-top-color: #8bafe1;
}
section.testimonials {
padding: 7rem 0;
background-image: linear-gradient(to bottom, #f1f4fa, #e2e9f8, #d2dff5, #c2d4f3, #b2caf0);
}
section.testimonials .title h6 {
color: #4169E1;
}
section.testimonials .title {
margin: 0 0 5rem;
}
section.testimonials .container-fluid {
padding: 0;
overflow: hidden;
}
.testimonials-slide {
background-color: #f1f4fb;
padding: 60px 40px;
margin: 0 30px;
cursor: grab;
}
.testimonials-slide ul li {
list-style: none;
}
.testimonials-slide ul li svg {
color: #FFC107;
}
.testimonials-slide ul {
padding: 0;
margin: 0 0 40px;
}
.testimonials-slide p {
color: #4169E1;
font-family: 'DM Sans';
font-size: 18px;
font-weight: 400;
line-height: 29px;
}
.testimonials-slide h5 {
font-family: 'Halyard_Display';
font-size: 19px;
line-height: 29px;
font-weight: 500;
color: #4169E1;
}
.testimonials-slide h6 {
color: #4169E1;
font-size: 16px;
line-height: 21px;
font-weight: 400;
}
.testimonials-slide div:last-child {
margin-top: 3rem;
}
.testimonials-slider-main .slick-dots {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
list-style: none;
padding: 0;
margin: 0;
}
.testimonials-slider-main .slick-dots li {
display: inline-block;
margin: 0 5px;
}
.testimonials-slider-main .slick-dots li button {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #f1f4fb;
border: none;
cursor: pointer;
transition: background-color 0.3s ease;
}
.testimonials-slider-main .slick-dots li.slick-active button {
background-color: #4169E1;
}
section.testimonials .slick-list {
height: 540px;
}
section.contact-us .img img {
width: 100%;
margin: 4rem 0 0;
}
section.contact-us h2 {
color: #4169E1;
}
.contact-form input {
width: 100%;
border: unset;
border-bottom: 1px solid #e4e4e4;
padding: 14px 0;
padding-left: 0;
position: relative;
transition: all 0.5s;
}
section.contact-us {
padding: 6rem 0 0;
background-image: url(../images/textture-bg.webp);
width: 100%;
height: auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #f1f4fb;
}
.contact-form {
background-color: #ffffff;
padding: 50px 70px;
position: relative;
left: -70px;
}
.contact-form .input-flds svg {
position: absolute;
left: 0;
top: 0;
color: #4169E1;
bottom: 0;
display: flex;
margin: auto;
font-size: 18px;
}
.contact-form input::placeholder {
color: #4169E1;
font-family: 'DM Sans';
font-size: 16px;
font-weight: 400;
}
.contact-form textarea {
width: 100%;
border: unset;
border-bottom: 1px solid #e4e4e4;
padding: 14px 0;
padding-left: 0;
position: relative;
height: 80px;
resize: none;
outline: unset;
margin-bottom: -5px;
}
.contact-form textarea::placeholder {
color: #4169E1;
font-family: 'DM Sans';
font-size: 16px;
font-weight: 400;
}
.contact-form .input-flds {
margin: 0 0 2rem;
}
.contact-form .input-flds::after {
content: '';
position: absolute;
left: 0;
bottom: 0px;
background-color: #000;
width: 0%;
height: 1px;
transition: all 0.5s;
}
.contact-form .input-flds:hover::after {
width: 100%;
}
.contact-form .textarea svg {
top: 20px;
margin: 0;
}
.contact-form input:focus-visible::placeholder {
color: #000;
}
.contact-form input:focus-visible {
outline: unset;
}
.contact-form .input-flds input:focus-visible {
border-color: #000;
}
.contact-form textarea:focus-visible::placeholder {
color: #000;
}
.contact-form textarea:focus-visible {
outline: unset;
}
.contact-form textarea:focus-visible {
border-color: #000;
}
.contact-form .textarea::after {
height: 0.1px;
bottom: 1px;
}
.contact-form button {
border: unset;
margin: 3rem 0 0;
}
section.contact-us .col-md-6 .col-md-6 {padding: 0 8px;}
footer {
background-image: url(../images/textture-bg.webp);
width: 100%;
height: auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 8rem 0;
background-color: #d6ddee;
overflow: hidden;
}
footer .social-icons {
margin-left: auto;
display: flex;
align-items: center;
}
footer .d-flex a {
display: block;
color: #4169E1;
font-family: "DM Sans";
font-size: clamp(14px, 4vw, 17px);
line-height: clamp(26px, 4vw, 29px);
font-weight: 400;
text-decoration: none;
position: relative;
z-index: 999;
}
footer .d-flex {
gap: 0 13%;
}
footer .social-icons ul {
display: flex;
gap: 0 20px;
padding: 0;
margin: 0;
}
footer .social-icons ul li {
list-style: none;
}
footer .social-icons ul li svg {
font-size: 16px;
color: #ffffff;
}
footer .social-icons ul li a {
width: 45px;
height: 45px;
background-color: #4169E1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
footer h1.big-text {
color: #4169E1;
font-size: 20.3vw;
font-weight: 500;
text-transform: uppercase;
line-height: 0.8em;
letter-spacing: 0.015em;
font-family: 'Halyard_Display';
text-align: center;
margin: 3rem 0 0;
}
.big-text span {
display: inline-block;
transform: translateY(100px);
opacity: 0;
transition: transform 0.8s ease-out, opacity 0.8s;
}
.big-text span:nth-child(1) {
transition-delay: 0s;
}
.big-text span:nth-child(2) {
transition-delay: 0.1s;
}
.big-text span:nth-child(3) {
transition-delay: 0.2s;
}
.big-text span:nth-child(4) {
transition-delay: 0.3s;
}
.big-text span:nth-child(5) {
transition-delay: 0.4s;
}
.big-text span:nth-child(6) {
transition-delay: 0.5s;
}
.big-text span:nth-child(7) {
transition-delay: 0.6s;
}
.big-text.active span {
transform: translateY(0);
opacity: 1;
}
.red-gradient::after {
content: '';
position: absolute;
right: 0;
margin: auto;
display: flex;
background: radial-gradient(circle, #f1f4fb 0%, rgb(178 202 240) 70%);
width: 1000px;
height: 1000px;
z-index: -1;
}
.section-one.red-gradient::after {
left: 230px;
top: -470px;
}
section.section-three::after {
top: -20px;
left: -300px;
margin: unset;
background: radial-gradient(circle, #8bafe2 0%, #f1f4fb 48%);
width: 900px;
height: 900px;
}
section.section-seven {
background-color: #0c0c0d;
}
section.section-seven .marquee {
color: #FFFEFE;
font-size: 100px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0px;
}
.marquee-container {
overflow: hidden;
/* Hide overflow */
white-space: nowrap;
/* Prevent text from wrapping */
position: relative;
}
.marquee-bottom {
animation: marquee-scroll 10s linear infinite;
width: max-content;
}
.marquee-top {
animation: marquee-scroll-back 10s linear infinite;
width: max-content;
}
@keyframes marquee-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@keyframes marquee-scroll-back {
from {
transform: translateX(0);
}
to {
transform: translateX(50%);
}
}
.section-one-content a svg {
color: #4169E1;
font-size: 70px;
transition: all 0.5s;
animation: upDown 3s infinite ease-in-out;
}
.section-one-content a:hover svg {
color: #fff;
}
@keyframes upDown {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
section.inner-banner {
background-image: url(../images/about-bg.png);
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 370px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
z-index: 1;
padding: 5rem 0 0;
}
.about-section-seven {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 500px;
/* Adjust as needed */
}
.magnet-container {
position: relative;
display: inline-block;
}
.magnet-container img {
width: 100%;
display: block;
}
.magnetic-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
transition: transform 0.2s ease-out;
border: 1px solid #fff;
width: 271px;
height: 271px;
cursor: pointer;
}
.magnetic-btn a {
font-size: 14px;
text-decoration: none;
color: #ffffffe6;
font-weight: 500;
font-family: 'DM Sans';
}
.magnetic-btn:hover {
transform: translate(-50%, -50%) scale(1.1);
}
section.about-section-three .left-text h2 {
color: #4169E1;
}
section.about-section-three .right-text img {
width: 50px;
filter: brightness(18.5);
}
section.about-section-three .right-text h5 {
font-size: 24px;
line-height: 34px;
font-family: 'Halyard_Display';
font-weight: 500;
color: #4169E1;
}
section.about-section-three .right-text p {
font-size: 15px;
line-height: 24px;
}
section.about-section-three .right-text .d-flex {
gap: 0 40px;
}
section.about-section-three .right-text .flex-start>div:first-child {
background-color: #4169E1;
min-width: 90px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
section.about-section-three .right-text {
gap: 30px 0;
}
section.about-section-five {
padding: 4rem 0 7rem;
background-image: linear-gradient(to bottom, #f1f4fb, #d9e2f5, #c0d1ee, #a7c0e8, #8bafe1);
}
section.about-section-five .img img {
width: 100%;
}
section.about-section-five .text {
padding-left: 6rem;
display: flex;
flex-direction: column;
align-items: start;
gap: 24px 0;
}
section.about-section-five .text h6 {
color: #fffefe;
margin: 0;
}
section.about-section-five .text p {
color: #d6d6d6;
margin: 0;
}
section.about-section-six {
padding: 0 0 8rem;
background-image: linear-gradient(to top, #f1f4fb, #d9e2f5, #c0d1ee, #a7c0e8, #8bafe1);
}
section.about-section-six .left-text h6,
section.about-section-six .left-text h2 {
color: #ffffff;
}
section.about-section-six .right-text p {
color: #ffffff;
}
section.about-section-six .start-today-counter {
margin: 5rem 0 0;
gap: 0;
}
section.about-section-six .start-today-counter h5 {
font-size: 60px;
color: #4169E1;
font-family: 'Halyard_Display';
font-weight: 500;
line-height: 61px;
}
section.about-section-six .start-today-counter h6 {
color: #4169E1;
font-size: 19px;
line-height: 31px;
font-weight: 500;
}
section.about-section-eight {
padding: 8rem 0;
background-color: #f1f4fb;
}
section.about-section-eight .title h2 {
color: #4169E1;
}
section.about-section-eight .title {
margin: 0 0 2rem;
}
.sec-eight-slide img {
width: 100%;
transition: all 0.5s ease;
.sec-eight-slide img {
width: 100%;
}
.sec-eight-slide {
margin: 0 20px;
}
.sec-eight-slide .text {
margin-top: 20px;
}
.sec-eight-slide .text h5 {
color: #1f242e;
letter-spacing: 0;
}
.sec-eight-slide .text p {
color: #a5a6aa;
font-size: 14px;
font-family: 'DM Sans';
font-weight: 400;
line-height: 21px;
}
.sec-eight-slide .text h6 {
margin: 0 0 1rem;
}
;
}
.sec-eight-slide {
margin: 0 20px;
}
.sec-eight-slide .text {
margin-top: 20px;
}
.sec-eight-slide .text h5 {
color: #4169E1;
letter-spacing: 0;
}
.sec-eight-slide .text p {
color: #8bafe1;
font-size: 14px;
font-family: 'DM Sans';
font-weight: 400;
line-height: 21px;
}
.sec-eight-slide .text h6 {
margin: 0 0 1rem;
}
.sec-eight-slide:hover img {
transform: scale(1.04);
}
.sec-eight-slide .img {
overflow: hidden;
}
.about-section-eight-slider .slick-dots {
display: flex;
justify-content: center;
align-items: center;
list-style: none;
padding: 0;
margin: 20px 0;
bottom: -90px;
}
.about-section-eight-slider .slick-dots li {
margin: 0 5px;
width: 10px;
height: 10px;
background-color: #c1c1c1;
border-radius: 50%;
transition: background-color 0.3s ease;
}
.about-section-eight-slider .slick-dots li.slick-active {
background-color: #4169E1;
}
.about-section-eight-slider .slick-dots li button:before {
content: unset;
}
section.service-section-two {
padding: 8rem 0 3rem;
background-image: linear-gradient(to left, #ffffff, #ffffff, #d2dff5, #c2d4f3, #b2caf0);
}
section.service-section-two .title h2 {
color: #4169E1;
}
section.service-section-two .container-fluid {
padding: 0 60px;
}
section.service-section-two .col-md-8 h4 {
font-size: 35px;
font-weight: 500;
font-family: 'Halyard_Display';
color: #4169E1;
display: -webkit-box;
-webkit-line-clamp: 1; /* Yahan lines ka number set karein */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
section.service-section-two .col-md-8 h4 span {
color: #8bafe3;
}
section.service-section-two .col-md-8 {
padding-top: 2rem;
}
section.service-section-two .col-md-8 .col-md-1 span {
display: inline-flex;
border: 1px solid #8bafe3;
width: 65px;
height: 65px;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.5s;
cursor: pointer;
}
section.service-section-two .col-md-8 .col-md-1 span svg {
transition: all 0.5s;
}
section.service-section-two .col-md-8 .col-md-1 span:hover {
border-color: #4169E1;
background-color: #4169E1;
}
section.service-section-two .col-md-8 .col-md-1 span:hover svg {
transform: rotate(-45deg);
color: #fff;
}
section.service-section-two .col-md-8 .flex-column {
gap: 60px 0;
}
section.service-section-two .col-md-8 .flex-column .row.align-items-start {
border-bottom: 1px solid #00000014;
padding-bottom: 2rem;
}
section.service-section-three {
padding: 7rem 0;
background-color: #f1f4fb;
}
section.service-section-three .container-fluid {
padding: 0 60px;
}
section.service-section-three .text h2 {
color: #4169E1;
}
section.service-section-three .position-absolute h3 {
color: #fffefe;
font-family: 'Halyard_Display';
font-size: 35px;
line-height: 38px;
font-weight: 500;
}
section.service-section-three .position-absolute h6 {
color: #fffefe;
}
section.service-section-three .text {
padding-left: 6rem;
}
section.service-section-three .text .other-text {
margin-top: 4rem;
gap: 40px 0;
}
section.service-section-three .text svg path {
fill: #4169E1;
}
section.service-section-three .text h4 {
font-size: 24px;
font-family: 'Halyard_Display';
font-weight: 500;
line-height: 26px;
margin-top: 12px;
color: #4169E1;
}
.sticky-column {
position: sticky;
top: 130px;
height: 100vh;
}
section.service-section-four {
background-image: url(../images/quantum-img-27-copyright.jpg);
width: 100%;
height: 606px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
section.service-section-four .content {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
z-index: 9;
}
section.service-section-four .content h6 {
color: #fff;
}
section.service-section-four::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #0000001c;
z-index: 0;
}
section.service-section-four .content button#play-button {
background-color: transparent;
border: 1px solid #fff;
width: 66px;
margin: 0 0 50px;
height: 66px;
border-radius: 50%;
color: #fff;
padding: 0;
transition: all 0.5s;
}
section.service-section-four .content button#play-button:hover {
transform: translate(0, 10px);
}
section.service-section-six .img img {
width: 100%;
}
section.service-section-six .text h2 {
color: #4169E1;
}
section.service-section-six .text {
padding: 0 6rem;
}
section.service-section-six .text form input {
width: 100%;
border: unset;
border-bottom: 1px solid #e4e4e4;
padding: 14px 0;
padding-left: 0;
position: relative;
transition: all 0.5s;
background-color: transparent;
}
section.service-section-six .text form textarea {
width: 100%;
border: unset;
border-bottom: 1px solid #e4e4e4;
padding: 14px 0;
padding-left: 0;
position: relative;
transition: all 0.5s;
height: 80px;
resize: none;
background-color: transparent;
}
section.service-section-six .text form .row {
gap: 20px 0;
}
section.service-section-six .text form input::placeholder {
color: #797c7f;
font-family: 'DM Sans';
font-size: 16px;
font-weight: 400;
}
section.service-section-six .text form textarea::placeholder {
color: #797c7f;
font-family: 'DM Sans';
font-size: 16px;
font-weight: 400;
}
section.service-section-six .text form .input-fld {
position: relative;
}
section.service-section-six .text form .input-fld::after {
content: '';
position: absolute;
left: 0;
bottom: 0px;
background-color: #000;
width: 0%;
height: 0.6px;
transition: all 0.5s;
}
section.service-section-six .text form .input-fld:hover::after {
width: 100%;
}
section.service-section-six .text form input:focus-visible::placeholder {
color: #000;
}
section.service-section-six .text form input:focus-visible {
outline: unset;
border-color: #000;
}
section.service-section-six textarea:focus-visible::placeholder {
color: #000;
}
section.service-section-six textarea:focus-visible {
outline: unset;
}
section.service-section-six .textarea::after {
height: 0.1px;
bottom: 5.5px !important;
}
section.service-section-six .textarea::after {
height: 0.1px;
bottom: 1px;
}
section.service-section-six textarea:focus-visible {
border-color: #000 !important;
}
section.service-section-six .text button.dflt-button {
border: unset;
display: flex;
align-items: center;
gap: 0 20px;
}
section.contact-us label.checkbox-container {
height: 56px;
/* display: flex; */
align-items: center;
}
section.contact-us label.checkbox-container span.checkmark {
top: 3px;
}
section.service-section-six .text .mt-4 {
gap: 0 60px;
}
section.about-section-two .img img {
width: 100%;
height: 418px;
object-fit: cover;
transition: all 0.5s;
}
section.about-section-two .inner {
position: relative;
cursor: pointer;
overflow: hidden;
}
section.about-section-two .text {
position: absolute;
top: -30px;
z-index: 1;
height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
padding: 26px 40px 21px;
}
section.about-section-two .text ul {
margin: 0 0 15px;
padding: 0;
display: flex;
gap: 0 30px;
}
section.about-section-two .text ul li strong {
text-transform: uppercase;
}
section.about-section-two .text ul li {
color: #D2D3D5;
font-family: 'DM Sans';
font-size: 14px;
}
section.about-section-two .inner::after {
content: '';
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 0;
}
section.about-section-two .text ul li:first-child {
list-style: none;
color: #fff !important;
}
section.about-section-two .text h4 {
font-size: 28px;
color: #fff;
font-family: 'Halyard_Display';
line-height: 28px;
}
section.about-section-two .row {
gap: 24px 0;
}
section.about-section-two .inner:hover .img img {
transform: scale(1.06);
}
section.about-section-two .text::after {
content: '';
display: flex;
background-color: #fff;
width: 14px;
height: 2px;
transition: 0.5s;
position: absolute;
bottom: 0;
}
section.about-section-two .text::before {
content: '';
display: flex;
border: 2px solid transparent;
border-right-color: #fff;
transition: 0.5s;
border-top-color: #fff;
width: 8px;
height: 8px;
transform: rotate(45deg);
position: absolute;
bottom: -3px;
left: 47px;
}
section.about-section-two .text:hover::before {
left: 67px;
}
section.about-section-two .text:hover::after {
width: 35px;
}
section.about-section-two {
padding: 6rem 0;
background-image: linear-gradient(to top, #f1f4fb, #eaeef8, #e3e9f6, #dbe3f3, #d4def0);
}
section.portfolio-section-two .row {
gap: 30px 0;
}
section.portfolio-section-two .inner .img img {
width: 100%;
transition: all 0.3s ease;
}
section.portfolio-section-two .inner {
position: relative;
cursor: pointer;
overflow: hidden;
}
section.portfolio-section-two .inner .text {
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
left: 0;
right: 0;
margin: 0 auto;
padding: 21px 26px 17px;
width: 70%;
max-width: 70%;
background-color: #fff;
transition: all 0.4s;
transform: translateY(100%);
bottom: 0;
opacity: 0;
}
section.portfolio-section-two .inner .text h4 {
font-size: 24px;
line-height: 1.3em;
color: #1f242e;
font-family: 'DM Sans';
font-weight: 700;
}
section.portfolio-section-two .inner:hover .text {
transition: all 0.4s;
transform: translateY(0);
bottom: 38px;
opacity: 1;
}
section.portfolio-section-two .inner .text h6 {
color: #797c7f;
font-size: 16px;
font-family: 'DM Sans';
font-weight: 300;
}
section.portfolio-section-two .inner:hover .img img {
transform: scale(1.04, 1.04);
}
section.portfolio-section-two {
padding: 7rem 0;
background-color: #fff;
}
section.section-two img {
filter: invert(7);
}
section.about-section-three {
padding: 6rem 0;
background-color: #f1f4fa;
}
section.about-section-three .right-text .d-flex:first-child img {
filter: invert(1);
}
section.about-section-five .text h6,
section.about-section-five .text p {
color: #4169E1;
}
section.service-section-two .col-md-8 .col-md-1 span svg {
color: #4169E1;
}
section.service-section-four h2.sub-heading {
color: #fff;
}
section.contact-section-two .row {
align-items: end;
}
section.contact-section-two {
padding: 8rem 0;
}
section.contact-section-two .address-box h5 {
font-size: 23px;
font-family: 'Halyard_Display';
color: #4169E1;
font-weight: 500;
line-height: 27px;
}
section.contact-section-two .address-box .d-flex {
gap: 0 20px;
}
section.contact-section-two .address-box .icon span {
width: 3.2em;
height: 3.2em;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #d5deef;
border-radius: 50%;
}
section.contact-section-two .address-box .icon span svg {
color: #4169E1;
font-size: 21px;
}
section.contact-section-two .address-box .d-flex .text {
padding-top: 1rem;
}
section.contact-section-two .address-box h6 {
color: #797c7f;
font-size: 15px;
font-weight: 400;
font-family: 'Halyard_Display';
line-height: 24px;
}
section.contact-section-two .address-box a {
color: #797c7f;
text-decoration: unset;
display: inline-block;
margin: 0 0 20px;
position: relative;
}
section.contact-section-two .address-box h5 a {
color: #4169E1;
margin: 0;
}
section.contact-section-two .address-box a::after {
content: '';
position: absolute;
left: 0;
bottom: -6px;
width: 100%;
height: 2px;
background-color: #797c7f;
transition: all 0.2s;
display: flex;
margin: auto;
left: 0;
right: 0;
}
section.contact-section-two .address-box h5 a::after {
content: unset;
}
section.contact-section-two .address-box a:hover::after {
width: 0%;
}
section.contact-section-two .address-box a:hover {
color: #4169E1;
}
section.map iframe {
width: 100%;
height: 550px;
}
section.inner-banner::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #618cc72e;
z-index: -1;
}
section.who-we-are .video {
position: relative;
width: 940px;
height: 540px;
}
section.who-we-are .video video {
width: 100%;
height: 100%;
object-fit: cover;
clip-path: circle(50% at 50% 50%);
}
section.section-eight ul li {
color: #4169E1;
font-family: "DM Sans";
font-size: clamp(14px, 4vw, 17px);
line-height: clamp(26px, 4vw, 29px);
font-weight: 500;
}
section.service-section-two ul li {
color: #4169E1;
font-family: "DM Sans";
font-size: clamp(14px, 4vw, 17px);
line-height: clamp(26px, 4vw, 29px);
font-weight: 500;
}
.contact-form select {
outline: unset;
width: 100%;
border: unset;
border-bottom: 1px solid #e4e4e4;
padding: 14px 0;
padding-left: 0;
position: relative;
transition: all 0.5s;
color: #4169E1;
font-family: 'DM Sans';
font-size: 16px;
font-weight: 400;
outline: unset;
}
section.service-section-two .col-md-8 .flex-column .row.align-items-start:last-child {
border-bottom: unset;
}
section.cta h6 {
margin: 0;
color: #fff;
font-size: 30px;
}
section.cta {
padding: 80px 0;
background-image: url(../images/cta-img1.png);
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
z-index: 9;
}
section.cta::after {
content: '';
position: absolute;
left: 0;
top: 0;
background-color: #00000082;
width: 100%;
height: 100%;
z-index: -1;
}
section.contact-us .col-md-12 {
padding: 0;
}
section.cta.index {background-image: url(../images/cta-img2.png);background-position: center;}
.section-eight-slider.slick-initialized .slick-slide {
display: flex !important;
}
.section-eight-slider .slick-slide{
margin: 0 20px !important;
}
section-eight-slider button.slick-prev {
}
.section-eight-slider .slick-arrow {
position: absolute;
background-color: #4169E1;
border-radius: 50px;
width: 40px;
height: 40px;
display: flex;
border: 1px solid transparent;
align-items: center;
justify-content: center;
}
.section-eight-slider button.slick-prev {
left: unset;
right: 50px;
bottom: -70px;
top: unset;
}
.section-eight-slider button.slick-next {
left: unset;
right: 0;
bottom: -70px;
top: unset;
}
.section-eight-slider .slick-arrow::before {font-family: monospace;}
.section-eight-slider button.slick-arrow:hover {
border-color: #4169E1;
}
.section-eight-slider button.slick-arrow:hover::before {
color: #4169E1;
}
.section-eight-slider button.slick-arrow:focus {
border-color: #4169E1;
}
.section-eight-slider button.slick-arrow:focus::before {
color: #4169E1;
}
section.section-three ul li {
color: #4169E1;
font-family: "DM Sans";
font-size: 16px;
line-height: clamp(26px, 4vw, 29px);
font-weight: 400;
}
section.about-section-six .start-today-counter .col-md-4 {
display: flex;
justify-content: center;
text-align: center;
}
.testimonials-slider-main .slick-dots li button:before{
color: transparent !important;
}
section.service-section-six .text form select {
width: 100%;
border: unset;
border-bottom: 1px solid #e4e4e4;
padding: 14px 0;
padding-left: 0;
position: relative;
transition: all 0.5s;
height: 80px;
resize: none;
background-color: transparent;
color: #797c7f;
font-family: 'DM Sans';
font-size: 16px;
font-weight: 400;
outline: unset;
}
section.service-section-six .text form .input-fld.textarea::after {
bottom: 6px !important;
}
section.service-section-six .text form .input-fld.select::after {
bottom: 0px !important;
}
.section-one-content h5.sub-text {
order: 3;
margin-top: 0;
}
section.section-three .text h2.sub-heading {font-size: clamp(30px, 5vw, 70px);line-height: 80px;}
.logo img {
width: 90px;
}
section.service-section-two img {
opacity: 0.2 !important;
margin-top: 7rem;
}
section.section-three .side-text h4 {
font-size: clamp(20px, 4vw, 24px);
font-family: 'Halyard_Display';
color: #527ebf;
}
section.section-three .side-text ul li {
list-style: none;
}
section.section-three .side-text ul {
margin: 0;
padding: 0;
}
section.section-three .side-text:hover {
transition: all 0.5s;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
section.section-three .side-text ul li b {
display: block;
}
.side-text p.paragraph {
font-size: clamp(14px, 4vw, 15px);
line-height: 23px;
}
section.section-three .side-text h4 {
margin: 2rem 0;
}
section.section-three .text {
margin-bottom: 4rem;
}
.card-inner img {
width: 80px;
filter: invert(1);
}
.card-inner {border: 1px solid #c5c5c538;padding: 26px;border-radius: 30px;cursor: pointer;position: relative;overflow: hidden;z-index: 3;height: 350px;background-color: #4169E1;}
section.service-section-three .row {
gap: 60px 0;
}
section.service-section-three .card-text h4 {
font-size: 24px;
font-family: 'Halyard_Display';
font-weight: 500;
line-height: 26px;
margin-top: 12px;
color: #ffffff;
}
.card-text {
display: flex;
flex-direction: column;
gap: 11px 0;
}
.card-inner::after {
background-color: #f3f3f333;
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
border-radius: 50%;
content: '';
transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.3s;
z-index: -1;
}
.card-inner:hover::after {
transform: scale(9);
width: 56px;
height: 50px;
}
.card-inner:hover {
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
transition: all 0.5s;
}
section.section-four.about-section-two ul li {
align-items: flex-start;
}
section.cta.index.aboutt {
background-image: url(../images/cta-img-about.png);
}
section.service-section-three .title {
margin: 0 0 4rem;
}
section.additional-pages {
padding: 10rem 0 05rem;
}
section.additional-pages h1 {
color: #000;
font-size: clamp(45px, 5vw, 70px);
font-family: 'Halyard_Display';
font-weight: 500;
line-height: clamp(20px, 8vw, 100px);
text-transform: uppercase;
position: relative;
z-index: 9;
}
section.additional-pages p {
color: #4169E1;
font-family: "DM Sans";
font-size: clamp(14px, 4vw, 17px);
line-height: clamp(26px, 4vw, 29px);
font-weight: 400;
}
section.additional-pages h2 {
color: #4169E1;
font-size: clamp(30px, 5vw, 55px);
font-family: 'Halyard_Display';
line-height: clamp(20px, 8vw, 57px);
}
section.additional-pages li {
color: #4169E1;
font-family: "DM Sans";
font-size: clamp(14px, 4vw, 17px);
line-height: clamp(26px, 4vw, 29px);
font-weight: 500;
}
section.additional-pages h3 {
color: #4169E1; */
font-size: clamp(30px, 5vw, 55px);
font-family: 'Halyard_Display';
line-height: clamp(20px, 8vw, 57px);
font-size: clamp(22px, 3vw, 36px);
}
section.additional-pages a {
text-decoration: unset;
color: #32568d;
font-weight: 600;
}
section.additional-pages h4 {
font-family: 'Halyard_Display';
font-size: clamp(18px, 4vw, 28px);
color: #4169E1;
font-weight: 500;
letter-spacing: 0px;
}
section.additional-pages h5 {
font-family: 'Halyard_Display';
font-size: clamp(18px, 4vw, 22px);
color: #4169E1;
font-weight: 500;
letter-spacing: 0px;
}
.shine-card {
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.shine-card::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent
);
transition: all 1s;
}
.shine-card:hover::before {
left: 100%;
}
.section-one-content {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 13rem;
}
section.section-one .container {
height: 100%;
}
.logo ul li a:hover {
background-color: #000;
}
a.normal-btn:hover {
background-color: #000;
}
.logo {
flex-direction: row-reverse;
}
#logo {
position: fixed;
top: 0;
width: 20%;
left: 50%;
transform: translateX(-50%);
text-align: center;
}
section.service-section-three .card-text p {
color: #fff;
}
.card-inner::before {
content: '';
position: absolute;
top: 0;
right: -100%;
background-image: url(../images/delta.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 160px;
height: 160px;
transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.6s;
opacity: 0.3;
filter: brightness(9.5);
}
.card-inner:hover::before {
right: 30px;
top: 20px;
}
.universal-bg.about-us h2.sub-heading {
display: inline-block;
border-bottom: 2px solid #4169E1;
}