@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body {font-size: 15px;color: #686868;font-family: 'Montserrat'; font-weight: 400;font-style: normal;-webkit-font-smoothing: antialiased;word-wrap: break-word;}
h1, h2, h3, h4, h5, h6, span, button, p {font-family: 'Montserrat'; }
body::-webkit-scrollbar {width: 10px; background-color: #F5F5F5; }
body::-webkit-scrollbar-button:start:decrement, body::-webkit-scrollbar-button:end:increment {display: none; }
body::-webkit-scrollbar-track-piece {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #ddd; }
body::-webkit-scrollbar-thumb:vertical {border-radius: 50px; background-color: var(--primeColor); }
::selection {background: var(--primeColor); color: #fff; text-shadow: none; }
::-webkit-scrollbar {width: 5px; background-color: var(--primeColor); }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: none; }
::-webkit-scrollbar-track-piece {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #ddd; }
::-webkit-scrollbar-thumb:vertical {border-radius: 10px; background-color: var(--primeColor); }
/************COLORS CSS*/
:root {
--primeColor: #f6432e;
--secondColor: #f6432e;
--darkblue:#19355c;
--black: #000;
--white: #fff;
}


.logo.img-fluid {
    max-width: 260px !important;
    margin-top: -12px !important;
}


.primeColor{color: var(--primeColor) !important; } 
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light a, .light p, .light i, .light li, .light {color: #000;}
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark a, .dark p, .dark i, .dark span, .dark, .black {color: var(--black) !important; }
.gradient_txt {background-image: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position: 100% 100%; }
/************COLORS CSS*/
ul.fancy_list li {position: relative;padding-left: 0;list-style: none;font-weight: 100;font-size: 15px;margin: 5px 0;}
ul.fancy_list li:before {top: 6px;width: 7px;height: 12px;border: solid var(--primeColor);border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;content: "";transition: .5s ease-out;left: 0;z-index: 999;display: none;}
.rating {display: flex; column-gap: 2px; font-size: 15px; color: #ffd200; }
ul, ol {margin: 0; padding: 0; }
a {color: var(--primeColor); text-decoration: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }
a:hover, a:focus, a:active {color: #1869f4; text-decoration: none; outline: 0; }
a:visited {text-decoration: none; outline: 0; }
textarea {outline: none !important;/* color: #fff; */height: 151px;}
b, strong {font-weight: 800; }
li{list-style: none;}
.input {width: 100%; font-size: 14px; padding: 15px 15px; margin-bottom: 15px; border: none; border-radius: 3px; }
.input:focus {border-color: var(--yellow) !important; }
.input::placeholder {color: #000; font-weight: 600; font-size: 14px; }
textarea.txt_area {height: 119px !important; }
/*.terms-first-wrap-text {margin-bottom: 20px; }*/
.term-first-wrapper h5 {margin: 20px 0 10px; }
section.term-first-wrapper {padding: 50px 0; }
/*header*/
header {
display: flex;
align-items: center;
background: #FFD166;
/* border-radius: 65px; */
padding: 20px 30px;
}
.row.bg-colr-box {
}
.header-contact-box ul {
display: flex;
align-items: center;
justify-content: end;
column-gap: 15px;
}
span.phn_eml.phone {
font-size: 17px;
color: #000;
font-weight: 500;
}
.header-contact-box ul li {
display: flex;
align-items: center;
column-gap: 5px;
}
.custom-btn a {
padding: 10px 35px;
background-image: linear-gradient(#6495FB, #4D57FA);
border-radius: 50px 0px 0px 50px;
float: inline-end;
clip-path: polygon(0 1%, 85% 0%, 100% 50%, 85% 100%, 0 100%, 0 50%);
border: solid 1px #4D57FA;
}
a.get-btn {
font-size: 18px;
font-weight: 400;
color: #fff;
margin: 0;
text-transform: uppercase;
}
/*header*/
/*section.bannner-section*/
section.bannner-section {
/* position: relative; */
background-image: url(../images/banner-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding: 100px 0;
background-position: center;
z-index: -1;
}
h4.h4-text {
font-size: 20px;
font-weight: 700;
color: #EF476F;
margin: 0 0 20px 0;
}
form.banner-form {
padding: 50px 30px;
background-color: #fff;
border-radius: 0px 70px;
}
section.bannner-section input.input_field {
height: 52px;
width: 100%;
background: #F2F2F2;
border: 0;
border-radius: 8px;
padding: 10px 20px;
margin: 0 0 10px 0;
font-size: 13px;
/* color: #fff; */
}
section.bannner-section textarea.input_field {
display: flex;
align-items: flex-end;
width: 100%;
background: #F2F2F2;
border: 0;
border-radius: 8px;
padding: 10px 30px;
font-size: 13px;
resize: none;
}
section.bannner-section button.get-btn.footr-botm-btn {
width: 100%;
padding: 10px 30px;
height: 50px;
border-radius: 60px;
border: 0;
font-size: 23px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
background-image: linear-gradient(#FF7596, #EF476F);
border-radius: 50px 0px 0px 50px;
clip-path: polygon(0 1%, 90% 0%, 100% 50%, 90% 100%, 0 100%, 0 50%);
}
.banner-img-box img {
width: 100%;
}
/*
img.banner-side-img {
position: absolute;
right: 0;
}
*/
section.bannner-section .custom-btn {
float: left;
}
section.bannner-section a.get-btn {
padding: 10px 35px;
}
h1.h1-text {
font-size: 34px;
color: #FFD166;
text-transform: uppercase;
font-weight: 800;
margin: 0;
}
h3.h3-text {
font-size: 42px;
font-weight: 500;
text-transform: uppercase;
margin: 0 0 15px 0;
color: #525252;
}
.banner-text p {
font-size: 20px;
font-weight: 400;
color: #fff;
margin: 20px 0 30px 0;
}
.banner-logoss {display: inline-flex;align-items: center;column-gap: 15px;margin: 35px 0 0 0;}
.banner-logoss img {
width: 100px;
}
p.form-pera {
font-size: 13px;
margin: 15px 0 15px 0;
color: #073B4C;
}
form.banner-form h3 {
font-size: 36px;
font-weight: bold;
color: #073B4C;
margin: 0 0 20px 0;
}
/*section.bannner-section*/
/*section.bing-section*/
section.bing-section {
padding: 80px 0;
}
.bing-img-box img {
width: 100%;
}
section.bing-section h4 {
font-size: 20px;
color: #EF476F;
margin: 0 0 20px 0;
}
section.bing-section h2 {
font-size: 50px;
font-weight: bold;
color: #073B4C;
margin: 0;
}
section.bing-section p {
color: #000;
margin: 10px 0 10px 0;
}
.bing-ul-box ul {
padding: 0;
margin: 0 0 30px 0;
}
.bing-ul-box ul li {
display: flex;
align-items: center;
column-gap: 10px;
font-size: 20px;
font-weight: 600;
margin: 0;
color: #333745;
}
.bing-ul-box ul li i {
font-size: 10px;
}
section.bing-section .custom-btn {
float: left;
}
section.bing-section a.get-btn {
padding: 10px 35px;
}
/*section.bing-section*/
/*section.services-section*/
section.services-section {
padding: 50px 0;
background-image: url(../images/ser-bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.ser-text {
text-align: center;
}
.ser-text h2 {
font-size: 60px;
font-weight: bold;
color: #073B4C;
margin: 0 0 20px 0;
}
.services-section p {
font-size: 20px;
font-weight: 400;
color: #333745;
margin: 0 0 40px 0 !important;
}
.bus-ser-main {
text-align: center;
}
.bus-ser-main h4 {
font-size: 22px;
font-weight: bold;
color: #073B4C;
margin: 15px 0 15px 0;
}
.bus-ser-main p {
font-weight: 400;
font-size: 15px;
min-height: 115px;
}
.bus-ser-main {
padding: 50px 20px;
background: #fff;
margin: 0px 0 30px 0;
border-radius: 0 50px;
transition: .5s;
}
.ser-btn a {
font-size: 18px;
display: flex;
align-items: center;
column-gap: 10px;
justify-content: center;
color: #EF476F;
margin: 0;
}
.bus-ser-main:hover {
background: #EF476F;
border-radius: 50px 0;
}
.bus-ser-main:hover h4 {
color: #fff;
}
.bus-ser-main:hover p {
color: #fff;
}
.bus-ser-main:hover a {
color: #fff;
}
.bus-ser-main:hover {
transform: translateY(-15px);
}

/*section.services-section*/
/*section.cta-section*/
section.cta-section {
padding: 80px 0;
background-image: url(../images/cta-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
section.cta-section .custom-btn a {
float: left;
padding: 7px 35px;
}
a.contact-btn {
background: #fff;
color: #fff;
font-size: 18px;
text-transform: uppercase;
border-color: #fff;
background-image: linear-gradient(#FF7596, #EF476F);
border-color: #EF476F;
}
.cta-img img {
width: 100%;
}
section.cta-section h2.h2-text {
color: #fff;
margin: 0;
}
section.cta-section p {
color: #fff;
margin: 25px 0 25px 0;
}
.custom-btn {
display: flex;
align-items: center;
column-gap: 10px;
}
.cta-custom-img img {
position: absolute;
}
img.cta-1 {
right: 825px;
}
img.cta-2 {
right: 300px;
top: 178px;
}
img.cta-3 {
right: 800px;
bottom: 130px;
}
img.cta-4 {
right: 660px;
bottom: 35px;
}
img.cta-5 {
right: 278px;
bottom: 52px;
}
/*section.cta-section*/
/*section.service-section*/
section.service-section {
text-align: center;
padding: 80px 0;
}
.service-ul-box {
display: flex;
align-items: center;
justify-content: center;
margin: 35px 0 0 0;
}
.service-ul-box h6 {
font-size: 20px;
margin: 0 0 0 0;
font-family: 'Montserrat';
margin: 20px 0 0 0;
}
/*section.service-section*/
.footer h1 {
font-size: 100px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
margin: 0 0 70px 0;
color: #242424;
}
img.footer-logo {
margin: 0 0 15px 0;
width: 250px;
}
form.footer-form {
padding: 35px 20px;
background-image: linear-gradient(#FF1500, #990D00);
border-radius: 25px;
text-align: center;
position: relative;
}
form.footer-form h4 {
font-size: 30px;
color: #fff;
margin: 0 0 15px 0;
}
form.footer-form input.input_field {
width: 100%;
height: 38px;
border: 0;
margin: 0 0 11px 0;
padding: 10px 15px;
border-radius: 4px;
}
form.footer-form textarea.input_field {
width: 100%;
height: 96px;
padding: 10px;
border: 0;
resize: none;
border-radius: 4px;
margin: 0 0 10px 0;
color: #000;
}
button.get-btn.footr-botm-btn {
padding: 8px 30px;
border-radius: 30px;
border: 0;
float: left;
}
form.footer-form:before {
position: absolute;
content: "";
background-image: url(../images/footer-hand.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 330px;
width: 310px;
top: -195px;
left: 0;
z-index: -1;
}
h5.foot-txt-h5 {
font-weight: 500;
font-size: 22px;
margin: 0 0 10px 0;
}
p.fot-text-p {
color: #636363;
}
footer ul.fancy_list li i {
height: 15px;
width: 15px;
border: solid 1px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
background: #ECECEC;
border-color: #ECECEC;
font-size: 20px;
color: #FF7596;
}
ul.fancy_list li a {
/* display: flex; */
align-items: center;
column-gap: 10px;
font-size: 17px;
font-weight: 500;
color: #fff;
font-family: 'Montserrat';
}
ul.fancy_list {
margin: 20px 0 0 0;
}
footer ul.fancy_list li a span {
font-size: 18px;
font-weight: 400;
color: #000;
text-transform: uppercase;
font-family: 'Montserrat';
}
footer {
position: relative;
overflow: hidden;
}
footer a:hover, :hover:before {color: #FF7596 !important;border-color: #FF7596 !important;}
footer ul.fancy_list li {margin: 20px 0;display: flex;align-items: center;column-gap: 15px;} 
footer .f_clm3 ul.fancy_list li.gdpr:before {opacity: 0; }
.footer h5 {text-transform: capitalize; font-weight: 500; } .footer {padding: 70px 0 70px;background: #073B4C;} 
.footer span, .footer p, .footer a {font-weight: 400;font-size: 16px;} 
.footer img.footer_logo {filter: brightness(0)invert(1); margin-bottom: 20px; } 
.footer .contact_info span {display: inline-block; width: 100%; } 
.footer ul.f_links {column-count: 2; } 
.footer ul.f_links li {list-style: none; } 
ul.contact_info li {position: relative; padding-left: 30px; margin: 10px 0; list-style: none; } 
ul.contact_info li:last0-child {margin-bottom: 0; } 
.copyright p {margin: 0; } 
.copyright {padding: 20px 0;border-top: 1px solid #636363;text-align: center;} 
.copyright .btn_set {justify-content: flex-end; margin: 0; } 
.copyright .row {justify-content: space-between; } 
.copyright .btn_set a:nth-child(1) {border-right: 1px solid; padding-right: 10px; } /*.copyright .btn_set a {color: #000; }*/
body.thankyou-page header {background-color: #000;  position: unset;}
body.terms_and_condition-page header {background-color: #000; position: unset; }
section.term-first-wrapper {padding: 70px 0; } 
.terms-first-wrap-text h5 {margin: 20px 0 10px; }
section.portfolio-section {
text-align: center;
}
section.portfolio-section {
padding: 80px 0 100px;
margin-bottom: 300px;
}
section.portfolio-section h4 {
color: #EF476F;
margin: 10px 0 10px 0;
}
p.port-pera {
font-size: 20px;
font-weight: 400;
margin: 0 0 50px 0;
color: #333745;
}
section.portfolio-section button.slick-next.slick-arrow {
background-color: #fff;
position: absolute;
left: 125px;
right: 0;
color: #fff;
display: grid !important;
align-items: center;
width: 45px;
height: 45px;
border-radius: 50%;
background: #EF476F;
margin: auto;
top: 580px;
}
section.portfolio-section button.slick-prev.slick-arrow {
background-color: #fff;
position: absolute;
left: 0;
right: 0;
color: #11ae90 !important;
/* display: grid !important; */
align-items: center;
width: 45px;
height: 45px;
border-radius: inherit;
border-radius: 50%;
z-index: 9999;
background: #073B4C;
top: 0;
margin: auto;
top: 580px;
}
section.portfolio-section button.slick-prev.slick-arrow:after {
content: "\f053";
font: 30px/1 FontAwesome;
color: #fff;
position: absolute;
left: -7px;
top: 2px;
bottom: 0;
margin: auto;
right: 0;
align-items: center;
display: grid;
font-size: 20px;
}
section.portfolio-section button.slick-next.slick-arrow:before {
content: "\f054";
font: 30px/1 FontAwesome;
color: #fff;
position: absolute;
left: 5px;
top: 2px;
bottom: 0;
margin: auto;
right: 0;
align-items: center;
display: grid;
font-size: 20px;
}
section.portfolio-section button.slick-next.slick-arrow:hover {
background: #073B4C;
}
section.portfolio-section button.slick-prev.slick-arrow:hover {
background: #EF476F;
}
/*.port-main-box {
position: relative;
margin: 0 0 30px 0;
}
.overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
*/
/*.overlay img {
width: 60px;
opacity: 0;
transition: .5s;
}
.overlay:before {
position: absolute;
content: "";
background: #0000004d;
transition: 1s;
width: 500px;
height: 500px;
border-radius: 50%;
transform: scale(0);
top: 0;
right: 0;
}
.overlay:hover:before {
transform: scale(3);
}
.overlay:hover img {
opacity: 1;
}
section.portfolio-section h1.proc-h1 {
text-align: center;
color: #fff;
margin: 0 0 50px 0;
}
section.portfolio-section h1.proc-h1:before {
display: none;
}*/
/*section.portfolio-section*/
.why-choose-us-sec .bus-ser-main {
background: #EF476F;
}
.why-choose-us-sec .bus-ser-main h4 {
color: #fff;
}
.why-choose-us-sec .bus-ser-main p {
color: #fff;
}
.why-choose-us-sec .bus-ser-main:hover {
background: #ffd166;
border-radius: 50px 0;
}
.why-choose-us-sec .bus-ser-main:hover h4 {
color: #000;
}
.why-choose-us-sec .bus-ser-main:hover p {
color: #000;
}
/*.cta-bg-box*/
.custom-btn  a.nu-btn {
background: transparent;
border: 0;
display: flex;
align-items: center;
column-gap: 10px;
padding: 0;
font-size: 20px;
font-weight: bold;
color: #fff;
padding: 10px;
}
.custom-btn a.nu-btn img {
width: 50px;
}
.cta-bg-box {
padding: 60px 40px;
background: #073B4C;
border-radius: 8px;
display: flex;
align-items: center;
position: relative;
/* bottom: 260px; */
margin: -262px 0 50px 0;
}
.cta-text h2 {
font-size: 50px;
font-weight: bold;
color: #fff;
margin: 0 0 20px 0;
}
.cta-text h3 {
font-size: 35px;
font-weight: bold;
color: #EF476F;
margin: 0 0 0 0;
}
.cta-text p {
font-size: 16px;
padding: 0 100px 0 0;
color: #fff;
margin: 20px 0 30px 0;
}
.cta-img-box img {
/* width: 100%; */
position: absolute;
bottom: 0;
right: 0;
height: 135%;
width: 40%;
wi]: ;
object-fit: cover;
}
/*.cta-bg-box*/
section.creatng-section {
padding: 100px 0 200px;
background-image: url(../images/creat-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: visible;
}
section.creatng-section .my-tabs {
display: none;
} 
section.creatng-section .my-tabs.showfirst {
display: block;
}
section.creatng-section ul#toplevel {
display: flex;
align-items: center;
justify-content: space-evenly;
/* column-gap: 20px; */
margin: 30px 0 50px;
}
section.creatng-section ul#toplevel li a {
padding: 10px 45px;
/* background: #EF476F; */
border-radius: 8px;
color: #fff;
border: solid 1px #073B4C;
color: #073B4C;
font-size: 20px;
font-weight: 500;
}
section.creatng-section ul#toplevel li a:hover {
/* background: transparent; */
color: #000;
}
/*section.testimonial-section*/
section.testimonial-section {
padding: 80px 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}
.test-main-box {
padding: 50px 30px;
margin: 0 7px 0 7px;
background: #073B4C;
border-radius: 0 30px;
}
img.comma-img {
margin: -50px 0 0 0;
float: right;
}
.test-name {
display: flex;
align-items: center;
column-gap: 20px;
margin: 0px 0 20px 0;
}
.test-name h4 {
height: 30px;
width: 30px;
background: #EF476F;
display: flex;
align-items: center;
justify-content: center;
padding: 25px;
border-radius: 50px;
font-size: 30px;
font-weight: bold;
color: #ffff;
border: solid 1px #fff;
}
h4 {}
.test-name h5 {
font-size: 31px;
font-weight: bold;
color: #fff;
margin: 0;
}
.test-stars {
display: flex;
align-items: center;
column-gap: 20px;
justify-content: space-between;
}
.test-stars img {
width: 100px;
}
p.tes-sli-pera {
font-size: 16px;
font-weight: 400;
color: #fff;
margin: 30px 0 0 0;
}
.test-stars h6 {
color: #fff;
}
.testi-slider {
margin: 30px 0 0 0;
position: relative;
}
section.testimonial-section button.slick-next.slick-arrow {
/* background-color: #fff; */
position: absolute;
right: -55px;
color: #fff;
width: 45px;
height: 45px;
border-radius: 50px;
/* background: #fff; */
border: solid 1px #000;
}
section.testimonial-section button.slick-prev.slick-arrow {
position: absolute;
left: -55px;
color: #000 !important;
align-items: center;
width: 45px;
height: 45px;
border-radius: inherit;
border-radius: 50px;
z-index: 9999;
/* background: #fff; */
border-color: #000;
border: solid 1px #000;
}
section.testimonial-section button.slick-prev.slick-arrow:after {
content: "\f053";
font: 30px/1 FontAwesome;
color: #000;
position: absolute;
left: -7px;
top: 2px;
bottom: 0;
margin: auto;
right: 0;
align-items: center;
display: grid;
font-size: 20px;
}
section.testimonial-section button.slick-next.slick-arrow:before {
content: "\f054";
font: 30px/1 FontAwesome;
color: #000;
position: absolute;
left: 5px;
top: 2px;
bottom: 0;
margin: auto;
right: 0;
align-items: center;
display: grid;
font-size: 20px;
}
.testi-text p {
margin: 0 0 5px 0;
}
/*section.testimonial-section button.slick-next.slick-arrow:hover {
color: #000 !important;
background: #EE575A;
}
section.testimonial-section button.slick-prev.slick-arrow:hover {
background: #EE575A;
}
*/
.test-main-box {
:;
}
img.client-img {
width: 165px;
}
section.testimonial-section h5.h5-text {
font-size: 25px;
font-weight: 500;
color: #000;
font-family: 'Montserrat';
}
section.testimonial-section h2.h2-text {
color: #073B4C;
margin: 0 0 50px 0;
font-size: 50px;
font-weight: bold;
}
/*section.testimonial-section*/
header a.get-btn {
padding: 10px 30px;
}
/*section.bing-section h2.h2-text {
line-height: 50px;
background: -webkit-linear-gradient(#FD2031, #990D00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}*/
section.pricing-section h4.h4-text {
font-size: 18px;
font-weight: 400;
}
section.service-section h2.h2-text span {
font-size: 50px;
}
section.service-section h5.h5-text {
font-size: 24px;
font-family: 'Montserrat';
color: #000;
}
.service-ul-box li img {
width: 100px;
height: 100px;
object-fit: contain;
}
footer a.get-btn {
padding: 10px 30px;
}
h3.h3-textt {
font-size: 40px;
color: #242424;
}
.proc-row-boox1.rvl_start::before {
right: -23%;
}
.proc-row-boox2.rvl_start::before {
left: -23%;
}
p.creative-scrol-box {
height: 176px;
width: 100%;
overflow-y: scroll;
margin: 0;
overflow: auto;
margin: 0 0 35px 0;
}
p.creative-scrol-box::-webkit-scrollbar {
display: none;
}
p.creative-scrol-box {
-ms-overflow-style: none;  / IE and Edge /
scrollbar-width: none;  / Firefox /
}
.proces-section h2.h2-text {
background: -webkit-linear-gradient(#FD2031, #990D00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.row.proc-flex-row {
display: flex;
align-items: end;
}
section.proces-section h1.proc-h1 {
line-height: 60px;
}
.cta-mar-box {
margin: 0 0 70px 0;
}
ul.tech-ul-box li:hover {
/* border: solid 0px #373737; */
border-radius: 0px;
box-shadow: 0px 0px 0px 0px #373737;
border-bottom: solid 4px #FD2031;
}
ul.tech-ul-box li:hover img {
filter: opacity(0.5);
}
section.proces-section ul.slick-dots li {
background: #000000;
border-radius: 60%;
width: 14px;
height: 14px
}
section.proces-section ul.slick-dots li.slick-active {
background: #FF1500;
}
section.proces-section .slick-dots {
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
section.proces-section .custom-btn {
margin: 30px 0 0 0;
}
.proces-section h2.h2-text {
margin: 0 0 30px 0;
}
.tech-slid-box {
display: flex;
align-items: center;
justify-content: center;
column-gap: 50px;
}
.tech-slid-box figure {display: flex !important;align-items: center;height: 118px;width: 118px !important;border-radius: 100px;justify-content: center !important;/* border: solid 10px #373737; */transition: .5s !important;box-shadow: 0px 0px 0px 10px #373737;}
.tech-slid-box figure:hover {
border: solid 0px #373737;
border-radius: 0px;
box-shadow: 0px 0px 0px 0px #373737;
border-bottom: solid 4px #FD2031;
}
.tec-mobile-sec {
display: none;
}
/*.box18*/
.box18 {
overflow: hidden;
}
.box18 {
text-align: center;
position: relative;
}
.box18:after,
.box18:before {
content: "";
width: 2px;
height: 2px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.35);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.box18:hover:after,
.box18:hover:before {
-webkit-transform: scale(400);
-moz-transform: scale(400);
-ms-transform: scale(400);
-o-transform: scale(400);
transform: scale(400);
}
.box18:before {
-o-transition: all 0.5s linear 0.3s;
-moz-transition: all 0.5s linear 0.3s;
-ms-transition: all 0.5s linear 0.3s;
-webkit-transition: all 0.5s linear 0.3s;
transition: all 0.5s linear 0.3s;
}
.box18:hover:before {
-moz-transition-delay: 0s;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.box18:after {
-o-transition: all 0.5s linear 0.6s;
-moz-transition: all 0.5s linear 0.6s;
-ms-transition: all 0.5s linear 0.6s;
-webkit-transition: all 0.5s linear 0.6s;
transition: all 0.5s linear 0.6s;
}
.box18:hover:after {
-moz-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.box18 img {
width: 100%;
height: auto;
border-radius: 4px;
}
.box18 .box-content {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: 0 0;
color: #fff;
padding-top: 25px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
}
.box18:hover .box-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-moz-transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.box18 .title {
font-size: 21px;
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px solid #fff;
padding-bottom: 20px;
margin-top: 20px;
}
.box18 .description {
font-size: 14px;
font-style: italic;
padding: 0 10px;
margin: 15px 0;
}
.box18 .read-more {
display: block;
width: 120px;
background: #178993;
border-radius: 5px;
font-size: 14px;
color: #fff;
text-transform: capitalize;
padding: 10px 0;
margin: 0 auto;
}
@media only screen and (max-width: 990px) {
.box18 {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 479px) {
.box18 .box-content {
padding-top: 0;
}
}
@media only screen and (max-width: 359px) {
.box18 .title {
padding-bottom: 10px;
}
}
.box18:hover .box-content i {
font-size: 40px;
color: #fff;
}
.port-box {
margin-top: 30px;
}
/*.box18*/
section.services-section.why-choose-us-sec {
background: transparent;
}
.tab-main-box {
display: flex;
align-items: center;
}
.cear-tab-text h3 {
font-size: 50px;
color: #073B4C;
font-weight: bold;
margin: 0 0 0 0;
}
.cear-tab-text p {
font-size: 16px;
margin: 21px 0 0 0;
}
.cear-tab-img img {
width: 100%;
}
section.creatng-section li.active a {
background: #EF476F;
color: #fff !important;
border: solid 1px #EF476F!important;
}
img.head-pho {
width: 50px;
}
.test-flex-box {
display: flex;
align-items: center;
column-gap: 40px;
}
section.eager-section {
padding: 200px 0 80px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-image: url(../images/eager-bg.png);
height: 965px;
display: flex;
align-items: center;
}
.eager-text-box h2 {
font-size: 55px;
font-weight: bold;
color: #073B4C;
margin: 0;
}
.eager-text-box p {
font-size: 20px;
font-weight: 400;
color: #fff;
padding: 20px 80px 20px 0;
}
.eager-ul-box ul {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.eager-ul-box ul li {
width: 50%;
display: flex;
align-items: center;
column-gap: 10px;
margin: 0 0 20px 0;
}
.eager-ul-box ul li p {
margin: 0;
font-size: 18px;
font-weight: 400;
color: #fff;
}
.eager-ul-box ul li i {
font-size: 20px;
color: #073B4C;
}
section.eager-section input.input_field {
height: 52px;
width: 100%;
background: #D0D5DD;
border: 0;
border-radius: 8px;
padding: 10px 20px;
margin: 0 0 10px 0;
font-size: 13px;
color: #fff;
}
section.eager-section textarea.input_field {
display: flex;
align-items: flex-end;
width: 100%;
background: #D0D5DD;
border: 0;
border-radius: 8px;
padding: 10px 30px;
font-size: 13px;
resize: none;
}
section.eager-section button.get-btn.footr-botm-btn {
width: 100%;
padding: 10px 30px;
height: 50px;
border-radius: 60px;
border: 0;
font-size: 23px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
background-image: linear-gradient(#FF7596, #EF476F);
border-radius: 50px 0px 0px 50px;
clip-path: polygon(0 1%, 90% 0%, 100% 50%, 90% 100%, 0 100%, 0 50%);
}
.trust-img-box img {
width: 300px;
margin: 10px 0 10px 0;
}
p.Rights {
font-size: 20px;
color: #fff;
font-weight: 400;
}
p.privy {
font-size: 20px;
color: #fff;
font-weight: 400;
margin: 0;
}
.contanct-box h3 {
font-size: 50px;
font-weight: bold;
color: #fff;
margin: 0;
}
.contanct-box {
float: right;
}
.satif {
display: flex;
align-items: center;
column-gap: 10px;
}
.satif img {
width: 100px;
}
.satf-text h4 {
font-size: 20px;
font-weight: 500;
color: #fff;
margin: 0;
}
.satf-text p {
font-size: 16px;
font-weight: 400;
color: #fff;
margin: 15px 0 0 0;
}
.satf-text img {
width: 100%;
margin: 15px 0 0 0;
}
.row.satif-row {
margin: 50px 0 0 0;
display: flex;
align-items: center;
}
img.ser-icon {
height: 60px;
width: 60px;
object-fit: cover;
}
input.input_field::placeholder {
color: #000;
}
h1.proc-h1 {
font-size: 60px;
font-weight: bold;
color: #073B4C;
margin: 0 0 20px 0;
}
section{
overflow: hidden;
}
section.services-section.why-choose-us-sec .custom-btn {
justify-content: center;
}
.slick-dots {position: absolute;bottom: -50px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;/* left: -470px; */}
.slick-dots li.slick-active button {background-color: #EF476F;}
.slick-dots li button:before {
font-size: 0px;
line-height: 0px;
}
.slick-dots li button {background-color: #000;border-radius: 50px;width: 10px;height: 10px;}


.srvc2 p {
    margin-bottom: 60px !important;
}


.logo.img-fluid {
    max-width: 260px !important;
    margin-top: -12px !important;
}

.bnr-txt {
    font-size: 34px !important;
}


@media only screen and (max-width:1500px) {
    
    .srvc2 p {
        margin-bottom: 40px !important;
    }
    
}