@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

h1, h2, h3, h4, h5, h6, p, span, ul, li, a, .btn-default, textarea {
margin: 0;
padding: 0;
}
* {
margin: 0;
padding: 0;
}
a,a:hover,a:focus {
text-decoration: none;
}
body {
overflow-x: hidden;
font-family: 'plus jakarta sans', sans-serif;
scroll-behavior: smooth;
}
.container {
max-width: 1360px;
}

/*GLOBAL CSS START*/
:root {
--55-roman: font-family: "Neue Haas Grotesk Text Pro 55 Roman";
--65-medium: font-family: "Neue Haas Grotesk Display Pro 65 Medium";
--75-bold: font-family: 'Neue Haas Grotesk Display Pro 75 Bold';
--blackclr: #2B3252;
--redclr: #EA2121;
--greyclr:#7C878E;
--skyclr: #F5F8FE;
}
.section_header span {
position: relative;
font-size: 24px;
font-family: var(--65-medium);
font-weight: 600;
color: #000;
text-transform: capitalize;
margin-bottom: 10px;
z-index: 1;
display: inline-block;
padding-right: 90px;
}
.section_header span:after {
content: '';
position: absolute;
top: 50%;
right: 0;
width: 55px;
height: 2px;
background: var(--redclr);
z-index: -1;
}
.section_header h2 {
font-size: 64px;
font-family: var(--75-bold);
font-weight: 700;
color: var(--blackclr);
text-transform: capitalize;
position: relative;
display: block;
margin-bottom: 30px;
line-height: 1.0;
}
.paragraph {
font-weight: 300;
color: #000;
line-height: 1.3;
}
.cta_btn {
color: #fff;
border: none;
outline: none;
transition: all 0.3s ease-in-out;
padding: 15px 30px;
display: inline-block;
font-family: 'Plus Jakarta Sans';
font-weight: 400;
font-size: 20px;
width: 100%;
background: #191A23;
border-radius: 20px;
}
.cta_btn:hover {
background: #000;
color: #fff;
}
.cta_btn_black {
font-size: 18px;
font-family: var(--75-bold);
font-weight: 700;
color: #fff;
border: none;
background: #000;
outline: none;
transition: all 0.3s ease-in-out;
border-radius: 50px;
padding: 18px 45px;
display: inline-block;
}
.cta_btn_black:hover{
color: #fff;
background: var(--redclr);
}
/*GLOBAL CSS END*/

/* alerts */
.alert,
.success
{
width: 400px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%);
color: whitesmoke;
padding: 8px 0;
}
.alert{ background-color: rgb(252, 59, 59); }
.success{ background-color: rgb(44, 158, 24); }

/*HEADER CSS START*/
header {
padding: 15px 0;
background: transparent;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
}
header .container {
max-width: 1580px !important;
}
.logo img {
max-width: 225px;
width: 100%;
object-fit: cover;
object-position: center;
}
.stellarnav ul {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 55px;
}
.stellarnav ul>li>a {
padding: 0;
font-size: 20px;
font-family: var(--75-bold);
font-weight: 500;
text-transform: capitalize;
transition: all 0.3s ease-in-out;
color: #fff;
font-family: 'Plus Jakarta Sans' !important;
font-weight: 400 !important;
}
.stellarnav ul>li>a:hover { 
color: #000;  
}
.header_number {
display: flex;
align-items: center;
}
.header_number img {
max-width: 64px;
width: 100%;
object-fit: cover;
object-position: center;
}
.header_number a {
font-size: 24px !important;
font-weight: 700 !important;
color: #fff !important;
transition: all 0.3s ease-in-out;
}
.header_number a:hover {
color: var(--redclr) !important;
}
.arimo-header {
  font-family: "Arimo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700; /* Example weight */
  font-style: normal;
}

.outfit-body {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400; /* Example weight */
  font-style: normal;
}

/*HEADER CSS END*/


/*Dropdown CSS*/

.stellarnav ul ul {
background: #000;
padding: 20px 10px;
border-radius: 10px;
margin: 10px 0;
}
.stellarnav ul ul  li {
line-height: 40px;
}
.stellarnav ul ul li a {
font-size: 17px;
}
.stellarnav ul ul li a:hover {
color: #ff872f;
}

/*Dropdown Css End*/

/*Booking Page Mobile section*/

section#drop-shipping-mobile {
    display: none !important;
}
section#custom-mobile {
    display: none;
}

.hed-itm h2 { 
    font-size: 48px; 
    margin-bottom: 100px; 
    font-weight: bold; 
}

section#custom-mobile .scnd-colm-table, section#custom-mobile .thrd-colm-table, section#custom-mobile .four-colm-table {
    width: 100%;
}
section#custom-mobile .main-cls {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 50px;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: center;
    flex-direction: column;
} 
section#step-process-02-mobile {
    display: none;
}

/*Booking Page Mobile section CSS End*/


/*Booking Page CSS*/

.main-wrapper a:hover {
    background: #ff872f;
    color: #fff;
}
.main-wrapper img {
    width: 100%;
}
.main-wrapper {
    padding: 30px 20px;
    background: #ffffffba;
    border-radius: 40px;
    transition: 0.5s;
    box-shadow: 0px 5px 7px 3px #ccc;
}
.main-wrapper:hover {
    box-shadow: 0px 8px 4px 3px #ccc;
}
.main-wrapper a:hover {
    background: #ff872f;
    color: #fff;
}
section#drop-shipping-mobile {
    padding: 50px 0 50px 0;
}
.content-set h4 {
    font-size: 25px;
    color: #ff8b40;
    line-height: 40px;
}
.content-set h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;
}
.content-set p {
    font-size: 18px;
    line-height: 35px;
}
.content-set {
    padding-top: 30px;
}



.main-booking-second {
padding: 100px 0 !important;
background: #FF8310;
}
.main-booking-second .imge-setn {
text-align: left;
}
.main-booking-colm {
padding: 150px 0 30px 0 !important;
}
.main-booking-second .imge-setn {
transition: 0.5s;
position: relative;
z-index: 99;
}
.main-booking-second .imge-setn::before {
content: url(http://localhost/scaledropship/assets/images/mobile2.png);
position: absolute;
transition: 0.5s;
right: 45%;
transform: rotate3d(1, 1, 1, -29deg);
top: 10%;
opacity: 0;
z-index: -1;
}

.main-booking-second:hover .imge-setn::before {
opacity: 1;
right: 20%;
transform: rotate3d(1, 1, 1, 0deg);
top: 10%;
z-index: -1;
}
.main-booking-second h2, .main-booking-second p {
color: #fff;
}

section#booking-services {padding-top: 100px;background: #ff872f;padding-bottom: 100px;}
section#booking-services h2 {
font-size: 50px;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
color: #fff;
}
section#booking-services button#pills-all-tab {
border: 1px solid #fff;
color: #fff;
}
section#booking-services .portfolio_tabLinks .nav-link {
color: #fff;
border: 1px solid;
}


/*Timeline css */

section.timeline-setion h2 {
    font-size: 48px;
    margin-bottom: 100px;
    font-weight: bold;
}
section.timeline-setion {
    padding-top: 100px;
    padding-bottom: 100px;
}
div#time-line-cont {
position: relative;
transition: 0.5s;
}
div#time-line-cont::before {
content: '';
border-left: 4px solid #d9d9d9;
position: absolute;
right: 3%;
top: 15%;
width: 100%;
height: 900px;
z-index: -1;
}

.tm-hed h4 {
font-size: 24px;
color: #d9d9d9;
font-weight: 500;
transition: 0.5s;
}
.tm-hed {
padding-bottom: 30px;
transition: 0.5s;
}

.tm-content h3 {
font-size: 40px;
font-weight: 600;
color: #000;
line-height: 55px;
}
.tm-content p {
font-size: 20px;
color: #000;
line-height: 30px;
padding-top: 20px;
}
.tm-image {
text-align: right;
align-items: flex-end;
justify-content: flex-end;
display: flex;
align-content: stretch;
flex-wrap: nowrap;
}
.tm-content a {
background: #FF8310;
}
.tm-content a:hover {
background: #000;
color: #fff;
}
.main-content {
transition: 0.5s;
position: relative;
}
.main-content::before {.main-content: :
before;
content: url(http://localhost/scaledropship/assets/images/c-01.png);
clip-path: circle(50px);
position: absolute;
height: auto;
top: -8%;
left: -10.5%;
transition-duration: 0.5s;
}
.main-content::after {
content: url(http://localhost/scaledropship/assets/images/coor.png);
clip-path: circle(50px);
position: absolute;
height: auto;
top: -8%;
left: -10.5%;
transition-duration: 0.5s;
opacity: 0;
}
.main-content:hover:after {
opacity: 1;
}
div#adjusment {
padding-top: 100px;
}
.main-content:hover .tm-hed h4 {
color: #ff872f;
}
div#third-adjusmnt {
padding-top: 100px;
}

/*Timeline css end*/

/* Landing page css start */

section#landingpage-gallery ul {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    list-style: none;
    padding: 50px 30px;
    align-items: center;
    flex-wrap: nowrap;
    align-content: center;
    background: #fbf9f900;
    margin: 0px !important;
    border-bottom: 1px solid #ff8310;
}
section#landingpage-gallery .container-fluid {
    padding: 0;
}
section#content-section {
    align-items: center;
    text-align: center;
    padding-top: 100px;
}
section#content-section h2 {
    font-size: 70px;
    font-weight: 700;
    font-family: "Anton", sans-serif;
    letter-spacing: 5px;
    color: #000;
    text-transform: uppercase;
}
section#content-section {
    align-items: center;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}
section#content-section h2 {
    font-size: 70px;
    font-weight: 700;
    font-family: "Anton", sans-serif;
    letter-spacing: 5px;
    color: #000;
    text-transform: uppercase;
}

section#content-section p {
    font-size: 25px;
    font-weight: 400;
    text-align: left;
    width: 65%;
    margin: 0 auto;
    font-family: Inter, sans-serif;
    line-height: 45px;
    margin-top: 20px;
}

.content-inner-colm h2 {margin-bottom: 100px;}

.content-inner-colm a {
    font-size: 35px;
    text-decoration: none;
    background: #ff872f;
    padding: 10px 70px;
    margin: 40px auto;
    display: block;
    width: fit-content;
    font-family: "Anton", sans-serif;
    letter-spacing: 2px;
    color: #fff;
    border-radius: 10px;
    transition: 0.5s;
    position: relative;
    bottom: 0px;
}
.content-inner-colm a:hover {
    bottom: 20px;
    box-shadow: 0px 4px 3px 3px #212529;
}

/* Landing page css end */



/*Pricing Css*/


section.provacy-content {
    padding-top: 100px;
    padding-bottom: 100px;
}

.inner-content-setn h2 {
    font-size: 40px;
    font-weight: bold;
    font-family: 'Plus Jakarta Sans';
    margin-bottom: 20px;
}

.inner-content-setn p {
    font-size: 16px;
    line-height: 30px;
}

.inner-content-setn h4 {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Plus Jakarta Sans';
    margin-bottom: 20px;
    margin-top: 20px;
}

.inner-content-setn ul {
    list-style: none;
}

.inner-content-setn ul li {line-height: 30px;color: #000;font-size: 14px;}

.inner-content-setn a {
    font-size: 18px;
    color: #000;
}

/*** Pricing Options*/


table.table.table-bordered.pricing-options-table__table tr {
    border: none;
}
table.table.table-bordered.pricing-options-table__table th {
    border: none;
}
table.table.table-bordered.pricing-options-table__table td.pricing-options-table__title {
    border: none;
    border-bottom: 1px solid;
}
table.table.table-bordered.pricing-options-table__table td {
    border: none;
    border-bottom: 1px solid;
    padding: 20px 0px;
}
table.table.table-bordered.pricing-options-table__table tr .h4 {
    font-size: 24px;                                                                
    font-weight: bold;
    font-family: "Arimo", sans-serif;
}
.pricing-option__header .h3 {
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    font-size: 50px;
}

.pricing-option {
  margin-bottom: 20px;
  border: 15px solid rgba(0, 0, 0, 0.05);
  text-align: center;
}
.pricing-option__inner {
  background-color: white;
}
.pricing-option_popular {
  position: relative;
}
/*.pricing-option_popular::before {
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  height: 0;
  width: 0;
  border-left: 60px solid #ed3e49;
  border-bottom: 60px solid transparent;
}*/
/*.pricing-option_popular::after {
  content: "\f0e7";
  font-family: "FontAwesome";
  font-size: 16px;
  position: absolute;
  display: block;
  top: -5px;
  left: 0;
  color: white;
}*/
.pricing-option__inner {
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: all .1s;
       -o-transition: all .1s;
          transition: all .1s;
}
.pricing-option__inner:hover {
  border-color: rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}
.pricing-option__header {
  padding: 15px 10px;
}
.pricing-option__header h5,
.pricing-option__header .h5 {
  font-weight: 600;
  font-size: 14px;
}
.pricing-option__price {
  padding: 10px;
  background: rgba(0, 0, 0, 0.03);
  color: #ed3e49;
}
.pricing-option-price__currency {
  vertical-align: 90%;
}
.pricing-option-price__number {
  font-size: 36px;
  font-weight: 300;
}
.pricing-option__body {
  padding: 10px 0 15px;
}
.pricing-option__body ul > li {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #999;
}
.pricing-option__body ul > li:last-child {
  border-bottom: 0;
}
/* Pricing Options - Joint */
.pricing-options_joint {
  padding: 10px;
  margin-bottom: 40px;
  background-color: rgba(0, 0, 0, 0.05);
}
.pricing-options_joint .row {
  margin-left: 0;
  margin-right: 0;
}
.pricing-options_joint [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.pricing-options_joint .pricing-option {
  margin-bottom: 0;
  border: 5px solid transparent;
}
.pricing-options_joint .pricing-option_popular:before {
  top: 0;
  left: 0;
}
.pricing-options_joint .pricing-option_popular:after {
  top: 10px;
  left: 15px;
}
/* Pricing Options - Table */

.main-cls {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 50px;
}
.scnd-colm-table, .thrd-colm-table, .four-colm-table {
    width: 21.66%;
}
.first-colm-table {
    width: 35%;
}
.main-cls h4 {
    font-size: 22px;
    font-family: "outfit", sans-serif;
    font-weight: 700;
    transition: 0.5s;
    line-height: 40px;
    text-align: center;
}
.header-pricing {
    align-items: center;
    padding: 50px 0;
}
.first-colm-table h4 {
    text-align: left;
    padding: 0px 0;
    transition: 0.5s;
}
.first-colm-table ul {
    line-height: 40px;
    font-family: 'outfit';
    font-size: 16px;
}
.first-colm-table ul li {
    margin-bottom: 15px;
}
.scnd-colm-table ul {
    line-height: 40px;
    font-family: 'outfit';
    font-size: 16px;
}
.main-cls ul {
    list-style: none;
    margin: 0;
}
.main-cls h2 {
    font-size: 50px;
    font-weight: bold;
    font-family: "Outfit", sans-serif;
    transition: 0.5s;
    line-height: 70px;
    text-align: center;
}
.main-cls h5 {
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    transition: 0.5s;
    line-height: 30px;
    text-align: center;
}
.main-cls ul {
    text-align: center;
}
.first-colm-table ul {
    text-align: left;
    margin-top: 110px;
    transition: 0.5s;
}
section#custom-write {
    padding-top: 100px;
}
.main-cls ul li {
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid;
    transition: 0.5s;
}
.first-colm-table .header-pricing {
    height: 130px;
    padding: 0;
    align-items: flex-start;
    display: flex;
    align-content: center;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.main-cls ul li.bor-der {
    border-bottom: 0;
}
.first-colm-table {
    padding: 0 50px;
    border-radius: 20px;
    transition: 0.5s;
    position: relative;
}
.first-colm-table:hover {
    background: #FF8310;
    box-shadow: 0px 6px 6px 3px #ccc;
}
.first-colm-table:hover h4, .first-colm-table:hover ul li {
    color: #fff;
}
.scnd-colm-table, .thrd-colm-table, .four-colm-table {
    border-radius: 20px;
    transition: 0.5s;
    position: relative;
}
.scnd-colm-table:hover, .thrd-colm-table:hover, .four-colm-table:hover {
    background: #FF8310;
    box-shadow: 0px 6px 6px 3px #ccc;
}
.scnd-colm-table:hover h4, .scnd-colm-table:hover h5, .scnd-colm-table:hover h2, .scnd-colm-table:hover ul li {
    color: #fff;
}
.thrd-colm-table:hover h4, .thrd-colm-table:hover h5, .thrd-colm-table:hover h2, .thrd-colm-table:hover ul li {
    color: #fff;
}
.four-colm-table:hover h4, .four-colm-table:hover h5, .four-colm-table:hover h2, .four-colm-table:hover ul li {
    color: #fff;
}
.first-colm-table::before {
    content: url(http://localhost/scaledropship/assets/images/crown.png);
    position: absolute;
    right: -5%;
    transition: 0.5s;
    top: -5%;
    opacity: 0;
}

.first-colm-table:hover::before {
    opacity: 1;
}
.scnd-colm-table::before {
    content: url(http://localhost/scaledropship/assets/images/crown.png);
    position: absolute;
    right: -10%;
    top: -5%;
    transition: 0.5s;
    opacity: 0;
}

.scnd-colm-table:hover::before {
    opacity: 1;
}
.thrd-colm-table::before {
    content: url(http://localhost/scaledropship/assets/images/crown.png);
    position: absolute;
    right: -10%;
    top: -5%;
    transition: 0.5s;
    opacity: 0;
}
.thrd-colm-table:hover::before {
    opacity: 1;
}
.four-colm-table::before {
    content: url(http://localhost/scaledropship/assets/images/crown.png);
    position: absolute;
    right: -10%;
    top: -5%;
    transition: 0.5s;
    opacity: 0;
}
.four-colm-table:hover::before {
    opacity: 1;
}
.main-cls a {
    font-size: 16px;
    background: #fff;
    padding: 15px 50px;
    color: #ff8310;
    border-radius: 10px;
    font-weight: bold;
    transition: 0.5s;
    opacity: 0;
}
.scnd-colm-table:hover a, .thrd-colm-table:hover a, .four-colm-table:hover a {
    opacity: 1;
}
section.pricing-tabel {
    padding-bottom: 100px;
    padding-top: 50px;

}
section.heading-set {
    padding-top: 100px;
}
section.heading-set h2 {
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    line-height: 60px;
    color: #000;
}


/*Pricing Css End*/


/*Booking Page Css End*/



/*FADEIIN ENIMATION CSS*/


@keyframes fade-in { 
  from { opacity:0; }  
  to { opacity:1; }  
} 

.fade-in  {    
    opacity:0;
    animation: fade-in 1s ease-in-out forwards;
}

.fade-in:nth-child(2) { animation-delay: .25s; } 
.fade-in:nth-child(3) { animation-delay: .5s; }


@keyframes bounce-in-right {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

/*FADEIIN ENIMATION CSS END*/


/*BANNER CSS START*/
.banner_section {
    position: relative;
    z-index: 1;
    background: transparent;
}
.banner_slider .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    min-height: 1060px;
}
.banner_content {
    max-width: 720px;
}
.banner_content h1 {
    font-size: 64px;
    font-weight: 600;
    font-family: var(--75-bold);
    color: #fff;
    line-height: 1.2;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.banner_content p {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 1.4;
}
.banner_btn {
    margin: 40px 0 0;
}
.banner_btn ul {list-style: none;}

.banner_btn ul li a i {
    margin: 0px 15px;
}

.banner_btn a {
    background: #000;
    padding: 15px 30px;
    border-radius: 50px;
    color: #fff;
    transition: 0.5s;
}

.banner_btn a:hover {
    background: #fff;
    color: #000;
}
.banner_slider .owl-nav {
    position: absolute;
    bottom: 10%;
    right: 8%;
}
.banner_slider .owl-nav button {
    width: 55px;
    height: 55px;
    border-radius: 50% !important;
    border: 1px solid #fff !important;
    outline: none !important;
    background: #fff !important;
}
.banner_slider .owl-nav button i {
    color: #000 !important;
    font-size: 20px !important;
}
.banner_slider .owl-nav button.owl-prev {
    background: transparent !important;
}
.banner_slider .owl-nav button.owl-prev i {
    color: #fff !important;
}
li.button-cls a {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 15px 30px !important;
}

li.button-cls a:hover {
    color: #ff8310 !important;
    background: #fff;
}

/*BANNER CSS END*/


/*INDEX SECTION2 CSS START*/
.index_section2 {
    position: relative;
    padding: 70px 0;
    z-index: 1;
}
.index_section2 ul {
    display: flex;
    align-items: center;
    gap: 30px;
}
.index_section2 ul li {
    font-size: 96px;
    font-weight: 700;
    color: #000;
    list-style-type: none;
    position: relative;
    padding-left: 50px;
}
.index_section2 ul li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--redclr);
}
.vector1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: contain;
    object-position: center;
}


/*ICON BOX CSS*/

.colm-icon-bx {
    padding: 30px;
    background: #F2F2F2;
    border-radius: 20px;
    transition: 0.5s;
}

.colm-icon-bx img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.colm-icon-bx h4 {
    color: #000;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 40px;
}

.colm-icon-bx a img {
    display: inline;
    width: fit-content;
    margin: 0px 20px 0px 0px;
}

.colm-icon-bx a {color: #000;font-weight: 600;font-size: 18px;}

.colm-icon-bx:hover {
    background: #FF8310;
}

/*ICON BOX CSS END*/


/*TABS NEW SECTION CSS*/

section.heading-itm { padding-top: 150px; padding-bottom: 20px; }




/*TABS NEW SECTION CSS END*/


/*INDEX SECTION 3 CSS START*/

.imge-set {
    animation: bounce-in-right 2s ease;
}
.pera-set {
    align-items: center;
}

.pera-set p {
    font-size: 16px;
    color: #000;
    line-height: 30px;
}

.middle-colm {
    text-align: center;
}

.middle-colm h3 {
    font-size: 36px;
    font-weight: bold;
}

.middle-colm h2 {
    font-size: 48px;
    font-weight: bold;
}

.middle-colm p {
    font-size: 17px;
    line-height: 30px;
    width: 70%;
    margin: 10px auto;
}

.middle-colm a:hover {
    background: #ff8310;
    color: #fff;
}

.index_section3 {
    position: relative;
    padding: 70px 0;
    z-index: 1;
}

/*INDEX SECTION 4 CSS START*/
.index_section4 {
    position: relative;
    padding: 70px 0;
    z-index: 1;
}
.servicesTabs_wrap button {
    background: #E7E7E7 !important;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 10px !important;
    padding: 15px 30px;
    width: 100%;
    outline: none;
    border: none;
    margin-bottom: 15px;
}

.servicesTabs_wrap button.active {
    background: var(--redclr) !important;
}
#v-pills-tab button:hover {
    color: var(--blackclr);
}
.service_tabBtn button img {
    max-width: 40px;
    width: 100%;
}
.serviceTab_inner ul li {
    font-size: 15px;
    margin: 0 0 10px;
    line-height: 1.3;
    color: #000;
}

.serviceTab_inner ul li:last-child {
    margin: 0;
    padding: 0;
}
.servicesTabs_wrap button.active img {
    filter: invert(1);
}
.serviceTab_inner h3 {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin-bottom: 25px;
}

/*PORTFOLIO SECTION CSS START*/

.new-hovr {
    position: relative;
    z-index: 1; /* Lower than .portfolio_item */
}

.new-hovr h4 {
    transition: 0.5s;
    color: #fff;
    position: absolute;
    top: 80%;
    width: 70%;
    text-align: center;
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    right: 20%;
}

.new-butn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; /* Higher than .new-hovr */
    text-align: center;
    opacity: 0; /* Initially hidden */
    transition: opacity 0.5s;
    pointer-events: none; /* Ignore clicks to ensure image link is clickable */
}

.new-butn a {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FF8310;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 auto;
    z-index: 3; /* Higher z-index to ensure visibility */
    opacity: 1; /* Ensure it’s visible */
}

.new-butn div {
    background: #FF8310;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 auto;
}

.new-hovr:hover .new-butn {
    opacity: 1; /* Show button on hover */
    pointer-events: auto; /* Allow clicking on the button itself */
}

.portfolio_section {
    position: relative;
    padding: 30px 0;
}
.portflio_wrap {
/*    background: var(--skyclr);*/
    padding: 20px;
    background: transparent;
    padding-top: 50px;
    max-width: 1360px;
    margin: 0 auto;
}
.portfolio_tabLinks {
    display: flex;
    align-items: center;
    justify-content: center;
}
.portfolio_tabLinks ul {
    gap: 30px;
}
.portfolio_tabLinks .nav-link {
    /* background: transparent !important; */
    font-size: 18px;
    /* font-family: var(--55-roman); */
    font-weight: 500;
    color: var(--blackclr);
    text-transform: capitalize;
    position: relative; 
    padding: 10px 40px 10px 40px;
    border: 1px solid #000;
    border-radius: 50px;

}
.portfolio_tabLinks .nav-link:before {
/*    content: '';*/
    position: unset;
   /* top: 48%;
    left: 0;
    width: 0.7rem;
    height: 3px;
    /* border-radius: 50%; */
    background: var(--blackclr);
    opacity: 1;
}
.portfolio_tabLinks .nav-link.active:after {
/*    content: "";*/
    position: unset;
   /* top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 26px;
    height: 117px;
    background: var(--skyclr);*/
}
.portfolio_tabLinks .nav-link.active {
    color: var(--redclr);
    /* font-family: var(--65-medium); */
    font-weight: 600;   
    color: #000;
    background: #FF8310;
    border-radius: 50px;
}
.portfolio_tabLinks .nav-link.active:before {
    opacity: 0;
}

.portfolio_item {
    z-index: 2; /* Ensure it's high enough to be clickable */
    display: block;
    padding: 0 15px;
    position: relative; /* Makes z-index work */
}

.portfolio_item .image img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease-in-out;
}
.portfolio_detail span {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: 10px;
}
.portfolio_detail p {
    font-size: 36px;
    font-family: var(--65-medium);
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}
.portfolio_item:hover img {
    filter: brightness(0.8);
}


/*CONTACT SECTION CSS START*/


.new-bck {
    padding: 50px;
    background: #FF8310;
    border-radius: 50px;
}

.new-bck h2 {
    color: #fff;
    font-size: 55px;
    font-weight: 400;
}

.new-bck span {
    color: #fff;
    font-weight: 400;
    font-size: 30px;
}

.section_header span:after {
    position: unset;
}
.contact_section {
    position: relative;
    padding: 70px 0;
    z-index: 1;
}
.contact_leftCol {
    padding-right: 100px;
}
.social_iconsWrap {
    margin-bottom: 50px;
}
.social_icon {
    display: flex;
    align-items: center;
    gap: 15px;
}
.social_icon a {
    font-size: 22px;
    color: #fff;
    background: var(--redclr);
    padding: 5px 14px;
    border-radius: 12px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.social_icon a:hover {
    background: var(--blackclr);
}
.contact_detail_item {
    background: #f5f5f5;
    border-radius: 12px;
    padding: 25px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 500px;
}
.contact_detail_item .contact_det {
    width: 300px;
}
.contact_detail_item .contact_det span {
    display: block;
    font-size: 17px;
    font-weight: 500;
    color: #5c5c5c;
    margin-bottom: 5px;
}
.contact_detail_item .contact_det a {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    transition: all 0.3s ease-in-out;
}
.contact_detail_item i {
    font-size: 22px;
    color: #333;
}
.contact_detail_item .contact_det a:hover {
    color: var(--redclr);
}
.contact_form {
    background: transparent;
    border-radius: 12px;
    padding: 50px 50px;
}
.field_row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.field_row .field_item {
    width: 48%;
}
.field_item label {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-transform: capitalize;
    display: block;
    margin-bottom: 10px;
    text-align: left;
}
.field_item input, .field_item textarea {
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    color: #b0b0b0;
    padding: 10px;
    outline: none;
    border: none;
    resize: none;
    border-radius: 8px;
}

/*TESTIMONIALS SECTION CSS START*/
.testimonials_section {
    position: relative;
    background: #acacac2e;
    /* background-size: cover; */
    min-height: 900px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.testimonials_section h2 {
    text-align: center;
    font-size: 48px;
    color: #000;
}
.testimonials_section h2 {
    color: var(--blackclr);
}

.testimonials_section .section_header>span {
    color: #000;
}
.testimonials_slider {
    margin: 50px 0 20px;
}
.testimonial_slide .top {
    background: #000;
    background-size: contain;
    position: relative;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    padding: 0px 30px 0;
    margin-bottom: 50px;
    box-shadow: 0 0 2px 0px #fcfcfc;
    z-index: 1;
    border-radius: 50px;
}
.client_review p {
    color: #fff;
}
.testimonial_slide .top:before {
    content: '';
    position: absolute;
    bottom: -7%;
    left: 3%;
    background: url(../images/Tip.png) no-repeat;
    background-size: contain;
    width: 39px;
    height: 21px;
    z-index: -1;
}
.client_review {
    font-size: 14px;
    font-weight: 500;
    color: var(--blackclr);
    padding-bottom: 40px;
}
.client_info {
    width: calc(100% - 100px);
}
.rating span {
    font-size: 20px;
    color: #FFA800;
    margin: -1px;
}
.testimonial_slide .bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}
.client_image img {
    max-width: 70px;
    width: 100%;
    height: 70px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
}
.client_info p {
    font-size: 20px;
    font-weight: 600;
    color: #2b3252;
}
.client_info span {
    font-size: 17px;
    font-weight: 500;
    color: var(--greyclr);
}
.testimonials_slider .owl-nav {
    position: absolute;
    top: -35%;
    right: 10%;
}
.testimonials_slider .owl-nav button {
    width: 55px;
    height: 55px;
    border-radius: 50% !important;
    border: 1px solid #fff !important;
    outline: none !important;
    background: #fff !important;
}
.testimonials_slider .owl-nav button i {
    color: #000 !important;
    font-size: 20px !important;
}
.testimonials_slider .owl-nav button.owl-prev {
    background: transparent !important;
    border: 1px solid #53586f !important;
}
.testimonials_slider .owl-nav button.owl-prev i {
    color: #50556e !important;
}
section#contact .container {
    padding: 50px 30px;
}
section#contact h3 {
    font-size: 35px;
    color: #fff;
    font-weight: 400;
    line-height: 55px;
    text-align: left;
}

/*Services Page Css Start*/

/*// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 800*/

.plus-jakarta-sans-heading {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }
  

/*Banner Services  CSS*/

section.banner-services {
    background: #FF8310;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 850px;
}
.content-item h2 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 48px;
    font-weight: bold;
    color: #fff;
}
section.banner-services .contact_form {
    background: #fff;
    padding: 40px;
    text-align: left;
}
section.banner-services .contact_form .form-check {
    display: inline-flex;
    justify-content: space-between;
    padding: 0px 20px 0 20px;
}
section.banner-services .contact_form label.form-check-label {
    margin: 0 20px 0  10px;
}
section.banner-services .contact_form label {
    padding-bottom: 10px;
}

section.banner-services .contact_form input#name, section.banner-services .contact_form input#email {
    padding: 10px 10px;
    border: 1px solid;
    margin-bottom: 20px;
}
section.banner-services .contact_form textarea#message {
    padding: 10px 10px;
    border: 1px solid;
    margin-bottom: 20px;
}
section.banner-services button.btn.btn-primary.btn-block {
    display: block;
    width: 100%;
    background: #000;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 15px 0;
}
.imge-setn {
    text-align: right;
}
section#service-twocolm h2 {
    font-size: 48px;
    font-weight: bold;
    font-family: "Plus Jakarta Sans", sans-serif;
    margin-bottom: 20px;
}
section#service-twocolm p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
}
section#provider h2 {
    font-size: 48px;
    font-weight: bold;
    text-align: center;
}

/*banner css end*/

/*Icon Box Section CSS*/

section.icon-boxes {
    background: #F5F5F5;
    padding: 20px 0;
}
.icn-bx ul {
    display: inline-flex;
    list-style: none;
    align-items: center;
}
.icn-bx ul li {
    font-size: 26px;
    font-weight: bold;
    font-family: inter;
    margin: 0 10px 0 0;
    line-height: 30px;
}
.icn-bx ul li span {
    display: block;
    font-size: 18px;
    font-weight: 400;
}
.icn-bx {
    text-align: center;
}
.icn-bx ul li {
    text-align: left;
}
section#service-twocolm {
    padding: 150px 0 150px 0;
}

/*Icon box css end*/



/*drop-ship css  */

section#drop-ship {
    padding-top: 100px;
}
.drop-boxes ul {
    list-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
}
.drop-boxes {
    background: #F4F4F4;
    transition: 0.5s;
    padding: 50px 15px 50px 15px;
    margin: 10px 0 10px 0;
    border-radius: 20px;
}
.drop-boxes a {
    float: right;
    position: relative;
    bottom: 20px;
    transition: 0.5s;
    opacity: 0;
}
.drop-boxes li span {
    font-weight: 400;
    font-size: 15px;
    display: block;
    line-height: 30px;
    margin-top: 10px;
}
.drop-boxes li {
    font-size: 28px;
    font-weight: bold;
    transition: 0.5s;
    color: #000;
}
.drop-boxes:hover li {
    color: #fff;
}
.drop-boxes:hover {
    background: #FF8310;
}
.drop-boxes:hover a {
    opacity: 1;
}

/*Drop ship css end*/

/*Step by Step Css Section*/

section#step-process-01 {
    padding-top: 150px;
}
section#step-process-01 h2, section#step-process-02 h2, section#step-process-03 h2 {
    font-size: 48px;
    font-weight: 600;
    font-family: "Plus Jakarta Sans", sans-serif;
    margin-bottom: 20px;
}
section#step-process-01 p, section#step-process-02 p, section#step-process-03 p {
    font-size: 18px;
    line-height: 30px;
}
section#step-process-02 {
    padding-top: 80px;
}
section#step-process-02 .step-imges {
    text-align: right;
}
section#step-process-03  {
    padding-top: 80px;
}

/*Step by Step Css Section End*/

/*Testimonials Slider CSS */


section#test-monial {
    background: #ff8310;
}
section#test-monial .top {
    background: #fff;
}
section#test-monial .top p {
    color: #000;
}
section#test-monial .client_info span {
    color: #000;
}
section#test-monial h2 {
    color: #fff;
}
section#test-monial {
    background: #ff8310;
    margin: 50px 50px 50px 50px;
    border-radius: 20px;
}


/*CSS END testimonial_slide*/

/*ABOUT US CSS*/


section#banner-about .content-item {
    text-align: center;
}
section#banner-about {
    min-height: 500px;
}
section#banner-about p {
    color: #fff;
    font-size: 20px;
    line-height: 35px;
    text-transform: capitalize;
    padding-top: 20px;
}
section#banner-about {
    align-content: end;
    padding-bottom: 80px;
}
section#contact-form-set {
    padding: 100px 0;
}
section#contact-form-set .contact_form {
    text-align: left;
}
section#contact-form-set .contact_form input#name, section#contact-form-set .contact_form input#email, section#contact-form-set .contact_form textarea {
    padding: 20px 10px;
    color: #000;
    border: 1px solid;
}
section#contact-form-set .contact_form label {
    font-size: 20px;
    line-height: 40px;
}
section#contact-form-set .contact_form button.btn.btn-primary.btn-block {
    margin: 20px 0;
    padding: 15px 10px;
}
.cont-info ul {
    list-style: none;
}
.cont-info h4 {
    font-size: 45px;
    font-weight: bold;
    line-height: 60px;
    margin-bottom: 20px;
}
.cont-info {
    padding: 40px 30px;
    background: #0000000a;
    width: 100%;
    height: 400px;
    align-items: center;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    border-radius: 20px;
}
.cont-info ul li a {
    color: #000;
    line-height: 30px;
}
.cont-info ul li  i {
    padding: 0 10px 0 0;
    font-size: 25px;
}
.cont-info ul li {
    line-height: 30px;
    font-size: 20px;
    margin-bottom: 30px;
}

/*ABOUT US CSS END*/


/*FOOTER CSS START*/


section#footer-new .contact_form input#emailInput {
    color: #fff;
}

.last-botm {
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding: 30px 0px 30px 0;
    border-top: 1px solid #fff;
}

.last-botm p {
    color: #fff;
    margin: 0 50px 0 0px;
    font-size: 18px;
    font-weight: 400;
    line-height: 30pxx;
}

.last-botm a {
    color: #fff;
    font-size: 20px;
}

.menu-line {align-items: center;}

.contact-sect ul {
    list-style: none;
}

.contact-sect ul li a {
    color: #fff;
    line-height: 30px;
    font-size: 18px;
    font-family: 'Space Grotesk';
    font-weight: 300;
}

.contact-sect ul li {
    margin-bottom: 20px;
}

.menu-line ul {
    display: inline-flex;
    list-style: none;
    justify-content: space-between;
    width: 100%;
}

section#footer-new {
    background: #171717;
    margin: 0 20px;
    padding: 50px 0 0px 0;
    border-radius: 20px 20px 0px 0px;
}

.menu-socil ul {
    list-style: none;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
}

.menu-socil {text-align: right;}

.menu-socil ul li {
    margin: 0 10px;
}

.menu-socil ul li a i {
    color: #000;
    background: #fff;
    padding: 13px 15px;
    border-radius: 50px;
    font-size: 20px;
    transition: 0.5s;
}

.custom-adjust .row {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)* -1);
    margin-right: calc(var(--bs-gutter-x)* -.5);
    margin-left: calc(var(--bs-gutter-x)* -.5);
    align-content: center;
    justify-content: center;
    align-items: center;
}

.menu-line ul li a {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    transition: 0.5s;
}

.menu-line ul li a:hover {
    color: #f16914;
}

.menu-socil ul li a i:hover {
    background: #f96d1b;
    color: #fff;
}
footer {
    position: relative;
    padding: 70px 0 0;
    overflow: hidden;
}
footer .container {
    max-width: 1660px;
}
.footer_top {
    position: relative;
    padding-bottom: 40px;
    z-index: 1;
}
.contact_info {
    display: flex;
    align-items: center;
    gap: 15px;
}
.contact_info span {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--blackclr);
    color: #fff;
    font-size: 18px;
}
.contact_item label {
    display: block;
    font-size: 17px;
    font-weight: 500;
    color: var(--greyclr);
}
.contact_info a {
    font-size: 19px;
    font-weight: 600;
    color: var(--blackclr);
    transition: all 0.3s ease-in-out;
}
.f_middle {
    text-align: center;
}
.footer_logo {
    margin-bottom: 5px;
}
.f_title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
}
.f_col1 {
    display: flex;
    justify-content: flex-start;
}
.social_icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.f_col3 {
    display: flex;
    justify-content: flex-end;
}
.footer_bottom {
    position: relative;
    background: #000;
    padding: 15px 0;
}
.footer_bottom p {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
}
.fbottom_p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fbottom_p a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
/*FOOTER CSS END*/

/*GET IN TOUCH POPUP CSS START*/
.modal-dialog {
    max-width: 750px;
}
.modal-content {
    border-radius: 20px;
    border: none !important;
    box-shadow: 0 0 10px 0 #ccc;
    background: #f5f5f5;
    padding: 20px 20px;
}
.modal-header {
    border: none !important;
}
.modal-title {
    font-size: 32px;
    font-weight: 700;
    color: #000;
}
.btn-close {
    opacity: 1;
    color: var(--blackclr);
}

form.form-inline {
    display: inline-flex;
}

.contact_form {
    padding: 0;
    text-align: right;
}

.contact_form input#emailInput {
    width: 400px;
    background: transparent;
    padding: 15px 30px;
    margin: 0 15px 0 0;
    border-radius: 10px;
}
.contact-sect {margin-bottom: 80px;}

button.btn.btn-primary {
    width: 250px;
    background: #FF8310;
    border: 1px solid #FF8310;
    border-radius: 50px;
    font-size: 17px;
    font-weight: 300;
    font-family: 'Plus Jakarta Sans';
    text-decoration: none;
    letter-spacing: 2px;
}

.contact_form input#emailInput::placeholder {
    color: #fff;
}


.contact-sect h3 {
    background: #ff8310;
    width: fit-content;
    font-size: 20px;
    font-weight: 600;
    padding: 5px 10px;
    margin: 50px 0 50px 0;
    border-radius: 10px;
}
.image_col img {
    animation: bounce2 5s ease infinite;
}


/*GET IN TOUCH POPUP CSS END*/



/*keyframes*/

@keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}

/*Keyframe End*/




/* body scroll css */
body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
    width: 12px;
    background-image: linear-gradient(to right top, #ea2121, #cb0056, #952671, #58356e, #2b3252);
}

body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-image: linear-gradient(to right top, #ea2121, #cb0056, #952671, #58356e, #2b3252);
}

/* Fram */
/* .your_frame-container{
    margin: 5px auto;
} */

.your_frame {
    width: 100% !important;
    height: 300px;
    border-radius: 10px !important;
    border: 2px solid #FF8310;
    overflow: hidden;
    cursor: pointer;
    z-index: 2; /* Set a higher z-index */
}

  
.your_frame img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 12s ease-out;
}
  
  .your_frame:hover img {
    object-fit: cover;
    transform: translateY(calc(-100% + 400px));
    transition: 12s ease-out;
  }