@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";

body {
position:relative;
font-family:"Montserrat",sans-serif;
font-size:14px;
color:#fff;
background-color:#000;
padding:0;
overflow-x:hidden;
margin:0
}

* {
margin:0;
padding:0;
border:0
}

ul {
list-style-type:none;
margin:0;
padding:0
}

p {
font-size:16px;
color:#444;
margin-bottom:25px;
font-family:"Montserrat",sans-serif;
line-height:28px
}

h1,h2,h3,h4,h5,h6 {
margin:0;
color:#111;
padding:0;
font-family:"Montserrat",sans-serif
}

a {
text-decoration:none;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
font-family:"Montserrat",sans-serif
}

a:hover,a:focus {
text-decoration:none;
outline:none
}

.header-bottom {
border-radius:50px;
padding:15px 20px;
position:relative;
z-index:1;
-webkit-backdrop-filter:blur(34px);
backdrop-filter:blur(34px);
background-color:#21212124;
border:1px solid #ffffff1a
}

.mainmenu {
text-align:center;
display:flex;
justify-content:center
}

.mainmenu li {
position:relative;
display:inline-block
}

.mainmenu li a {
display:block;
padding:0 20px;
color:#b5b5b5;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s;
font-size:14px;
position:relative
}

.mainmenu li a:after {
opacity:0;
content:'.';
position:absolute;
top:55%;
left:50%;
font-size:110%;
transform:translateX(-50%);
text-shadow:transparent 0 0;
transition:text-shadow 0.3s,color .3s;
color:#fff
}

.mainmenu li:hover a:after {
opacity:1;
transition:text-shadow 0.3s,color .3s;
text-shadow:8px 0 #fff,-8px 0 #fff;
color:#fff
}

.mainmenu li ul {
position:absolute;
left:0;
top:69px;
width:200px;
background-color:#fff;
text-align:left;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0);
padding:15px;
-webkit-transform-origin:top;
-ms-transform-origin:top;
transform-origin:top;
-webkit-box-shadow:2px 5px 20px 0 #0000001a;
box-shadow:2px 5px 20px 0 #0000001a;
border-radius:5px
}

.mainmenu li:hover ul {
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}

.mainmenu li ul li {
width:100%
}

.mainmenu li ul li a {
padding:10px 0;
font-weight:400;
color:#001647!important;
transition:all .3s;
border-bottom:1px solid #0016471f
}

.mainmenu li ul li:last-child a {
border-bottom:none
}

.video-col {
margin-top:135px
}

.butn-top {
padding:10px 20px;
background:#fff;
color:#1d1d1d;
margin-right:15px;
display:inline-flex;
border-radius:30px;
font-weight:700;
font-size:12px
}

.butn-top img {
width:60%;
margin-left:8px
}

.header-ms {
padding-top:200px;
padding-bottom:50px
}

.header {
position:fixed;
left:0;
top:15px;
padding:0;
margin:0;
width:100%;
background:transparent;
z-index:9999999
}

.header-ms .caption h1 {
font-size:90px;
font-weight:700;
text-transform:uppercase;
line-height:1;
margin-bottom:35px;
color:#fff
}

.header-ms .caption h1 .arrow {
width:60px;
height:60px;
line-height:40px;
text-align:center;
border-radius:50%;
background:#fff;
display:inline-block
}

.header-ms .caption h1 .arrow svg {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg)
}

.header-ms .caption h1 .underline {
position:relative;
border-bottom:2px solid #fff;
font-weight:400
}

.header-ms .caption p {
font-size:18px;
color:#fff;
margin:0
}

.header-ms .award-box {
padding:70px 40px 40px;
border-radius:30px;
background:#f4f4f4;
color:#2a2d2f;
position:relative
}

.header-ms .award-box .arrow {
width:45px;
height:45px;
line-height:40px;
text-align:center;
border-radius:50%;
border:1px solid #2a2d2f;
position:absolute;
top:15px;
right:15px
}

.header-ms .award-box .arrow svg {
width:15px
}

.header-ms .award-box .img {
text-align:center;
margin-bottom:15px;
-webkit-animation:rotatecircle 20s infinite linear;
animation:rotatecircle 20s infinite linear
}

.header-ms .award-box h6 {
color:#2a2d2f;
font-weight:600;
font-size:22px
}

.header-ms .vid-box {
border-radius:10px;
overflow:hidden!important
}

.header-ms .vid-box video {
width:100%
}

.header-ms .vid-box video::-webkit-media-controls {
display:none
}

.header-ms .feat {
position:relative
}

.header-ms .feat:after {
content:"";
border-left:1px solid #ffffff57;
position:absolute;
left:50%;
top:0;
bottom:-70px;
height:100%
}

@-webkit-keyframes rotatecircle {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}

100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}

@keyframes rotatecircle {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}

100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}

.short-bio {
margin:50px 0
}

.short-text .gradient span {
display:block;
font-size:18px
}

.short-text .gradient {
-webkit-text-fill-color:transparent;
background-image:linear-gradient(to right,#00c3ff,#ffff1c);
-webkit-background-clip:text;
background-clip:text;
font-size:7vw;
font-weight:700;
margin-bottom:50px
}

.clients-section {
padding-top:65px;
padding-bottom:80px;
overflow:hidden
}

.clients-slider .swiper-wrapper {
-webkit-transition-timing-function:linear!important;
-o-transition-timing-function:linear!important;
transition-timing-function:linear!important
}

.clients-slider .client-block {
margin-top:30px;
margin-bottom:30px;
display:flex;
justify-content:center;
align-items:center;
position:relative
}

.clients-slider .client-block img {
width:auto;
height:100px
}

.butn {
padding:12px 20px;
background:#fff;
color:#000!important;
font-size:14px;
border-radius:30px;
font-weight:600
}

.butn:hover {
background:#fff
}

.butn img {
width:18px;
margin-left:10px;
transition:.5s
}

.butn:hover img {
transform:rotate(45deg)
}

.short-text .size-title {
font-size:52px
}

.mb-40 {
margin-bottom:40px
}

.service-content p {
margin-bottom:50px
}

.home5-service-section .service-wrapper .single-service {
padding:65px 70px;
background-color:#0000;
border-radius:20px;
border:1px solid #494949;
position:relative;
z-index:1;
position:sticky;
top:0;
margin-bottom:40px
}

@media (max-width: 1399px) {
.home5-service-section .service-wrapper .single-service {
padding:65px 55px
}
}

@media (max-width: 1199px) {
.home5-service-section .service-wrapper .single-service {
padding:55px 40px
}
}

@media (max-width: 767px) {
.home5-service-section .service-wrapper .single-service {
padding:50px 30px
}
}

@media (max-width: 576px) {
.home5-service-section .service-wrapper .single-service {
padding:40px 15px
}
}

.home5-service-section .service-wrapper .single-service .vector {
fill:none;
stroke:#494949;
position:absolute;
top:0;
right:0;
z-index:-1
}

@media (max-width: 991px) {
.home5-service-section .service-wrapper .single-service .vector {
display:none
}
}

.home5-service-section .service-wrapper .single-service .service-content .ser-title {
color:var(--title-color);
font-family:var(--font-suse);
font-size:35px;
font-weight:700;
line-height:1.2;
margin-bottom:40px
}

@media (max-width: 1199px) {
.home5-service-section .service-wrapper .single-service .service-content .ser-title {
font-size:33px;
margin-bottom:35px
}
}

@media (max-width: 767px) {
.home5-service-section .service-wrapper .single-service .service-content .ser-title {
font-size:30px;
margin-bottom:30px
}
}

@media (max-width: 576px) {
.home5-service-section .service-wrapper .single-service .service-content .ser-title {
font-size:22px;
margin-bottom:25px
}
}

.home5-service-section .service-wrapper .single-service .service-img img {
width:100%
}

.home5-service-section .service-wrapper .single-service .service-img {
-webkit-mask-image:url(/asset/images/service-img-bg1.png);
mask-image:url(/asset/images/service-img-bg1.png);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
max-width:402px;
width:100%;
margin-left:auto
}

.home5-service-section .service-wrapper .single-service:nth-child(2) {
background-color:#000;
top:0
}

.home5-service-section .service-wrapper .single-service:nth-child(2) .vector {
top:unset;
bottom:0;
line-height:1
}

.home5-service-section .service-wrapper .single-service:nth-child(2) .service-img {
-webkit-mask-image:url(/asset/images/service-img-bg2.png);
mask-image:url(/asset/images/service-img-bg2.png);
max-width:466px;
max-height:330px
}

@media (min-width: 992px) and (max-width: 1199px) {
.home5-service-section .service-wrapper .single-service:nth-child(2) .service-img {
-webkit-mask-size:contain;
mask-size:contain
}
}

.home5-service-section .service-wrapper .single-service:nth-child(3) {
background-color:#000;
top:0
}

.home5-service-section .service-wrapper .single-service:nth-child(3) .service-img {
-webkit-mask-image:url(/asset/images/service-img-bg3.png);
mask-image:url(/asset/images/service-img-bg3.png);
max-width:466px;
max-height:330px
}

@media (min-width: 992px) and (max-width: 1199px) {
.home5-service-section .service-wrapper .single-service:nth-child(3) .service-img {
-webkit-mask-size:contain;
mask-size:contain
}
}

.home5-service-section .service-wrapper .single-service:nth-child(4) {
background-color:#000;
top:0
}

.home5-service-section .service-wrapper .single-service:nth-child(4) .vector {
top:unset;
bottom:0;
line-height:1
}

.home5-service-section .service-wrapper .single-service:nth-child(4) .service-img {
-webkit-mask-image:url(/asset/images/service-img-bg4.png);
mask-image:url(/asset/images/service-img-bg4.png);
max-width:466px;
max-height:330px
}

@media (min-width: 992px) and (max-width: 1199px) {
.home5-service-section .service-wrapper .single-service:nth-child(4) .service-img {
-webkit-mask-size:contain;
mask-size:contain
}
}

.portfolio-sec {
margin-top:150px
}

.box-content {
border-radius:10px;
overflow:hidden;
background:url(/asset/images/safari.webp) top center no-repeat transparent;
background-size:contain
}

.image-bg-port {
min-height:280px;
display:inline-block;
position:relative;
background-size:100%!important;
width:100%;
max-width:100%
}

.image-bg-port .image-shop-scroll {
background-position:center 0!important;
background-repeat:no-repeat!important;
background-size:100%!important;
position:absolute;
width:100%;
min-height:285px;
z-index:-1;
top:0;
left:0;
right:0;
margin:auto;
background:#fff;
border-radius:0 0 5px 5px;
transition:all 3s ease-out 0s;
-webkit-transition:all 3s ease-out 0s;
-moz-transition:all 3s ease-out 0s;
-ms-transition:all 3s ease-out 0s;
-o-transition:all 3s ease-out 0s
}

.image-bg-port:hover .image-shop-scroll {
background-position:center 100%!important
}

.box-content {
position:relative
}

.h-port .box-content {
z-index:1
}

.h-port .image-bg-port {
min-height:350px
}

.h-port .image-bg-port .image-shop-scroll {
min-height:355px
}

.h-port .box-content {
padding-top:43px
}

.h-port h5 {
font-size:14px;
margin-bottom:15px;
font-weight:400;
margin-top:20px;
color:#fff
}

.h-port .shop-name {
text-align:left;
padding:0;
font-size:28px;
text-transform:capitalize;
font-weight:600
}

.h-port p {
margin-bottom:70px;
color:#000
}

.h-port .shop-name a {
text-align:center;
font-size:25px;
font-weight:700;
letter-spacing:-.5px;
-webkit-text-fill-color:transparent;
background-image:linear-gradient(to right,#00c3ff,#ffff1c);
-webkit-background-clip:text;
background-clip:text
}

.main-port-links {
display:inline-flex;
justify-content:space-between;
width:100%;
align-items:center;
margin-bottom:50px
}

.logo-port img {
width:35%
}

.port-text p {
font-weight:500;
font-size:25px;
line-height:40px
}

section.h-port {
margin-top:70px
}

.whyus-section {
padding-top:150px;
padding-bottom:80px
}

.stats-list-wrap {
padding-top:400px;
position:relative;
z-index:10
}

.stats-list-wrap .stat-list {
margin-bottom:60px;
font-size:16px;
font-weight:400;
letter-spacing:.5px
}

.stats-list-wrap .stat-list span {
font-size:64px;
font-weight:700;
line-height:1.5
}

.stats-list-wrap .stat-list h6 {
font-size:20px;
font-weight:600;
text-transform:uppercase;
margin-bottom:10px
}

.stats-list-wrap .stat-list p {
color:#ABABAB;
letter-spacing:.1px;
margin-bottom:20px;
font-size:14px;
font-weight:400;
line-height:1.5
}

.why-choose-wrap {
position:sticky;
top:200px
}

.why-choose-wrap .content-block__heading {
font-size:48px;
font-weight:800;
line-height:1.2;
margin-bottom:50px
}

.gradiant-color {
font-size:25px;
font-weight:700;
letter-spacing:-.5px;
-webkit-text-fill-color:transparent;
background-image:linear-gradient(to right,#00c3ff,#ffff1c);
-webkit-background-clip:text;
background-clip:text
}

.why-p {
color:#D8D8D8;
letter-spacing:.1px;
margin-bottom:15px;
font-size:18px;
font-weight:400;
line-height:1.6;
text-transform:uppercase
}

.main-footer {
position:relative;
padding-top:130px
}

.main-footer_bg-color {
position:absolute;
left:30px;
top:0;
right:30px;
bottom:15px;
border-radius:50px;
background-color:#000f;
background-image:linear-gradient(180deg,#000f 0%,#222f 100%)
}

.main-footer_vector {
position:absolute;
left:77px;
top:15px;
width:306px;
height:306px;
background-repeat:no-repeat
}

.main-footer .inner-container {
position:relative;
padding-left:110px;
padding-bottom:120px
}

.footer-logo {
position:absolute;
left:-50px;
top:70px;
transform:rotate(-90deg)
}

.main-footer_image {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
background-size:cover
}

.footer-text {
position:relative;
font-size:16px;
line-height:26px;
color:#fff;
text-transform:uppercase;
font-weight:600
}

.footer-discuss {
position:relative;
font-size:120px;
left:-10px;
z-index:10;
font-weight:700;
line-height:1em;
color:#fff;
text-transform:uppercase;
font-family:"Montserrat",sans-serif
}

.footer-social_box {
position:relative;
z-index:10
}

.footer-social_box a {
position:relative;
width:40px;
height:40px;
font-size:18px;
line-height:40px;
text-align:center;
margin-left:8px;
border-radius:50px;
display:inline-block;
color:#fff;
background:#ffffff29
}

.footer-social_box a:hover {
color:#fff;
background-color:#000dffff;
background-image:linear-gradient(180deg,#000dffff 0%,#c115ecff 100%)
}

.footer-social_box a img {
width:50%;
filter:invert(1)
}

.footer-contact_list {
position:relative;
gap:30px;
z-index:10;
margin-top:50px;
border-top:1px solid #3b3b3b;
padding-top:50px
}

.footer-contact_list li {
position:relative;
font-size:20px;
font-weight:600;
margin-bottom:12px;
color:#fff;
font-family:"Montserrat",sans-serif
}

.footer-contact_list li a {
position:relative;
color:#fff
}

.footer-contact_list li a:hover {
color:#4dfc18
}

.footer-type_title {
position:absolute;
left:0;
bottom:0;
right:0;
font-size:300px;
text-align:center;
font-weight:600;
line-height:1em;
text-transform:uppercase;
color:#ffffff05
}

.main-footer_vector {
animation-name:rotateme;
animation-duration:15s;
animation-iteration-count:infinite;
animation-timing-function:linear;
-webkit-animation-name:rotateme;
-webkit-animation-duration:15s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-moz-animation-name:rotateme;
-moz-animation-duration:15s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-ms-animation-name:rotateme;
-ms-animation-duration:15s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:rotateme;
-o-animation-duration:15s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear
}

@keyframes rotateme {
0% {
transform:rotate(0deg);
opacity:1
}

50% {
transform:rotate(-180deg)
}

100% {
transform:rotate(-360deg);
opacity:1
}
}

.footer-bottom {
position:relative;
padding:0 0 50px;
text-align:center
}

.main-footer_copyright {
position:relative;
font-size:14px;
font-weight:500;
color:#fff;
text-align:left;
padding-left:0
}

.form-group {
position:relative;
margin-bottom:24px
}

.contact-formbox .form-control {
border:1px solid #e2e4e5;
background-color:#f2f5fa
}

select,.form-control,.form-select,textarea,input {
height:64px;
padding:0 25px;
padding-right:50px;
border:1px solid #e1e4e5;
color:#000;
background-color:#f2f5fa;
font-size:14px;
width:100%;
font-weight:400;
border-radius:16px;
-webkit-transition:.4s ease-in-out;
transition:.4s ease-in-out;
resize:none
}

.form-control {
display:block;
width:100%;
padding:.375rem .75rem;
font-size:14px;
font-weight:400;
line-height:1.5;
color:#212529;
background-color:#fff;
background-clip:padding-box;
border:1px solid #ced4da;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius:.25rem;
-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

::placeholder {
color:#000!important
}

.nice-select {
-webkit-tap-highlight-color:#0000;
box-sizing:border-box;
clear:both;
cursor:pointer;
position:relative;
line-height:calc(var(--input-height) - 2px);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
white-space:nowrap
}

.nice-select:after {
border-bottom:1px solid #6e7070;
border-right:1px solid #6e7070;
content:'';
font-family:var(--icon-font);
font-weight:700;
font-size:16px;
pointer-events:none;
border-bottom:1px solid #6e7070;
border-right:1px solid #6e7070;
position:absolute;
right:20px;
line-height:calc(var(--input-height) - 2px);
top:21px;
height:8px;
width:8px;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}

.slick-slide:focus,button:focus,a:focus,a:active,a.nice-select.open,.currency-menu a.nice-select.open,input,input:hover,input:focus,input:active,input.nice-select.open,.currency-menu input.nice-select.open,textarea,textarea:hover,textarea:focus,textarea:active,textarea.nice-select.open,.currency-menu textarea.nice-select.open {
outline:none
}

.contact-formbox .form-group>img {
-webkit-filter:contrast(0);
filter:contrast(0)
}

.form-group>i,.form-group>img {
display:inline-block;
position:absolute;
right:35px;
top:17px;
font-size:14px;
color:#6e7070
}

.form-select {
line-height:64px
}

.form-select,select {
display:block;
width:100%;
line-height:1.5;
background-position:right 26px center;
background-repeat:no-repeat;
background-size:16px 12px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer
}

.contact-formbox .form-group .form-select {
padding:5px 25px
}

.contact-formbox textarea.form-control {
min-height:229px
}

.contact-form textarea.form-control,.contact-form textarea {
min-height:159px;
padding-top:16px;
padding-bottom:17px
}

textarea.form-control,textarea {
min-height:130px;
padding-top:16px;
padding-bottom:17px
}

textarea.form-control {
min-height:calc(1.5em + .75rem + 2px)
}

.submit-but {
background:linear-gradient(to right bottom,#3fff00,#3af219,#37e625,#34d92d,#32cd32);
margin:0 auto;
display:block;
padding:12px 40px;
font-size:16px
}

.topcontent-modal {
position:relative
}

.btn-close {
position:absolute;
top:-30px;
right:-30px;
border:2px solid #000;
border-radius:50%
}

.topcontent-modal h6 {
font-size:30px;
font-weight:600;
margin-bottom:5px;
font-size:30px;
font-weight:600;
margin-bottom:5px;
color:#000c
}

.modal-body {
padding:50px
}

.modal-body:before {
content:"";
background:url(/asset/images/pattern-form.png);
position:absolute;
left:0;
top:0;
width:100%;
height:70%;
background-repeat:no-repeat
}

.our-scrolling-ticker {
padding:15px 0;
background-image:linear-gradient(to right,#00c3ff,#ffff1c)
}

.scrolling-ticker-box {
--gap:20px;
position:relative;
display:flex;
overflow:hidden;
user-select:none;
gap:var(--gap);
align-items:center
}

.scrolling-content {
flex-shrink:0;
display:flex;
gap:var(--gap);
min-width:100%;
animation:scroll 40s linear infinite
}

.scrolling-content span {
display:inline-block;
font-size:22px;
font-weight:700;
line-height:1.2em;
color:#000;
vertical-align:middle
}

.scrolling-content span img {
width:100%;
max-width:18px;
margin-right:20px
}

@keyframes scroll {
from {
transform:translateX(0)
}

to {
transform:translateX(calc(-100% - var(--gap)))
}
}

.hero {
position:relative;
padding:300px 0 250px
}

.hero::before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:linear-gradient(179.5deg,#0000 0.44%,#000 119.12%),linear-gradient(0.62deg,#0000 81.46%,#000 99.49%);
height:100%;
width:100%;
z-index:1
}

.hero .hero-bg-video {
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
width:100%;
height:100%
}

.hero .hero-bg-video video {
width:100%;
height:100%;
object-fit:cover
}

.hero.bg-image {
background:url(../images/hero-bg.jpg) no-repeat;
background-position:center center;
background-size:cover;
padding:225px 0 175px
}

.hero.hero-slider-layout {
background:none;
padding:0
}

.hero.hero-slider-layout .hero-slide {
position:relative;
background:url(../images/hero-bg.jpg);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
padding:225px 0 175px
}

.hero.hero-slider-layout .hero-slide.slide-2 {
background:url(../images/hero-bg-2.jpg);
background-repeat:no-repeat;
background-position:center center;
background-size:cover
}

.hero.hero-slider-layout .hero-slide::before {
content:'';
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:linear-gradient(179.5deg,#0000 0.44%,#000 119.12%),linear-gradient(0.62deg,#0000 81.46%,#000 99.49%);
width:100%;
height:100%;
z-index:1
}

.hero.hero-slider-layout .hero-slide .hero-slider-image {
position:absolute;
top:0;
right:0;
left:0;
bottom:0
}

.hero.hero-slider-layout .hero-slide .hero-slider-image img {
width:100%;
height:100%;
object-fit:cover
}

.hero.hero-slider-layout .hero-pagination {
position:absolute;
bottom:30px;
text-align:center;
z-index:2
}

.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet {
width:12px;
height:12px;
background:var(--primary-color);
opacity:1;
transition:all .3s ease-in-out;
margin:0 5px
}

.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active {
background-color:var(--accent-color)
}

.hero-content {
position:relative;
z-index:2
}

.hero-content .section-title p {
font-size:22px
}

.hero-content-btn {
display:flex;
flex-wrap:wrap;
gap:40px;
margin-top:30px
}

.hero-content-btn .video-play-button {
display:inline-flex;
align-items:center
}

.hero-content-btn .video-play-button p {
font-weight:700;
text-transform:capitalize;
color:var(--primary-color);
margin:0 15px 0 0;
transition:all .3s ease-in-out
}

.hero-content-btn .video-play-button:hover p {
color:var(--accent-color)
}

.hero-content-btn .video-play-button a {
height:50px;
width:50px;
background:var(--accent-color);
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
cursor:none;
transition:all .3s ease-in-out
}

.hero-content-btn .video-play-button a:hover {
background:var(--primary-color)
}

.hero-content-btn .video-play-button a i {
font-size:18px;
color:var(--dark-color)
}

.hero .our-agency-circle {
text-align:end
}

.our-agency-circle a {
position:relative;
display:inline-flex;
z-index:2
}

.our-agency-circle a figure img {
max-width:200px;
animation:agencycirclerotate 25s infinite linear
}

@keyframes agencycirclerotate {
from {
transform:rotate(0deg)
}

to {
transform:rotate(360deg)
}
}

.our-agency-circle .agency-circle-arrow {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
height:90px;
width:90px;
background:linear-gradient(to right,#00c3ff,#ffff1c);
border-radius:100%;
display:flex;
align-items:center;
justify-content:center;
transition:all .3s ease-in-out
}

.our-agency-circle a:hover .agency-circle-arrow {
background:#fff
}

.our-agency-circle .agency-circle-arrow img {
max-width:38px;
transition:all .4s ease-in-out
}

.our-agency-circle a:hover .agency-circle-arrow img {
transform:rotate(45deg)
}

.section-title h1 {
font-size:40px;
font-weight:700;
line-height:1.2em;
color:#fff;
margin-bottom:0;
cursor:none
}

.section-title h1 span,.section-title h2 span {
-webkit-text-fill-color:transparent;
background-image:linear-gradient(to right,#00c3ff,#ffff1c);
-webkit-background-clip:text;
background-clip:text;
font-weight:700;
margin-bottom:50px
}

.hero-content .section-title p {
font-size:20px;
margin-top:20px;
margin-bottom:0;
color:#fff
}

@media (max-width:991px) {
    
.modal { z-index: 5555555555555555555; }    
    
.logo img {
width:35%
}

.toggle {
right:15px!important;
top:12px!important
}

.header-bottom {
padding:25px 20px
}

button.butn-top.butn {
position:absolute;
right:65px;
padding:8px 11px;
font-size:12px;
top:17px
}

.slicknav_menu {
position:absolute;
right:0;
left:0;
top:75px;
width:95%!important
}

.section-title h1 {
font-size:30px
}

.hero-content .section-title p {
font-size:16px
}

.hero {
padding:160px 0 60px
}

.hero .our-agency-circle {
text-align:center;
margin-top:50px
}

.hero-content {
text-align:center
}

.hero-content-btn {
justify-content:center
}

.short-text .size-title {
font-size:30px
}

.logo-port img {
width:50%
}

.port-text p {
font-size:18px;
line-height:25px
}

.whyus-section {
padding-top:70px
}

.stats-list-wrap {
padding-top:0
}

.why-choose-wrap .content-block__heading {
font-size:30px
}

.footer-discuss {
font-size:30px
}

ul.footer-contact_list {
display:block!important;
text-align:center
}

.main-footer_bg-color {
left:15px;
right:15px
}

.main-footer .inner-container {
padding-left:0;
padding-bottom:50px
}

.footer-logo {
top:16%;
left:-70px
}

.inner-container .d-flex.justify-content-between.align-items-center.flex-wrap {
justify-content:center;
display:block!important;
text-align:center;
width:100%
}

span.up-down_animation div {
text-align:center!important;
margin-top:10px
}

.footer-social_box {
margin-top:30px
}

.main-footer_vector {
left:108px;
top:0;
width:200px;
height:200px;
background-size:contain
}

.modal-body {
padding:25px
}

.contact-form textarea.form-control,.contact-form textarea {
min-height:90px
}

select,.form-control,.form-select,textarea,input {
height:50px
}

.btn-close {
top:-15px;
right:-15px
}

.topcontent-modal h6 {
font-size:22px
}

.topcontent-modal p {
font-size:14px
}

.main-footer_copyright {
text-align:center
}
}