@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/***** General CSS *****/
body {
  word-break: break-word;
  font: 15px / 25px;
  color: #000;
  overflow-x: hidden;
  overflow-y: scroll;
  opacity: 0;
  transition: opacity 0.5s ease;
  font-family: "Montserrat", serif;
}

body.loaded {
  opacity: 1;
}

a {
  text-decoration: none;
  color: #000;
  white-space: initial;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #000;
}

a:hover {
  transition: all 0.2s ease-in-out;
}

img {
  object-fit: cover;
  max-width: 100%;
  width: 100%;
}

input:focus,
textarea:focus,
select:focus {
  transition: all 0.5s ease;
  outline: none;
}

select,
input,
textarea {
  appearance: auto;
}

/***** Font Files *****/
@font-face {
  font-family: "Fonts Awesome";
  src: url(../fonts/fontawesome-webfont.eot);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "robofan", sans-serif;
  src: url(../fonts/robofan.otf);
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

/***** Custom Classes *****/
select {
  background: #fff url("../images/arrow.png") no-repeat right;
  padding: 0 40px 0 30px;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
  color: #575757;
}

.noPadding {
  padding: 0;
}

.noLeft {
  padding-left: 0;
}

.noRight {
  padding-right: 0;
}

.centerCol {
  float: none;
  margin: 0 auto;
}

.pt_8, .pb_8, .py_8, .sec {
    padding: 80px 0;
}



.flexRow,
.flexCol {
  display: flex;
  align-items: center;
}

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

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "robofan", sans-serif;
  text-transform: uppercase;
  margin: 0 0 10px;
}

h1 {
    font-family: "robofan", sans-serif;
    font-size: 62px;
    line-height: 1;
    color: #171717;
    font-weight: 500;
    margin-bottom: 5px;
}

h2 {
    font-family: "robofan", sans-serif;
    font-size: 60px;
    line-height: 1;
    color: #000;
    font-weight: 600;
}

h3 {
  font-family: "robofan", sans-serif;
  font-size: 51px;
  line-height: 1.2;
  color: #000;
  font-weight: 600;
}

h4 {
  font-family: "robofan", sans-serif;
  font-size: 34px;
  line-height: 1.2;
  color: #000;
  font-weight: 500;
}

h5 {
  font-size: 31px;
  line-height: 1.2;
  color: #000;
  font-weight: 500;
}

h6 {
  font-size: 23px;
  font-family: "Montserrat", serif;
  color: #000;
  font-weight: 500;
}

p {
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    color: #000000;
    font-family: "Montserrat", serif;
}
/* Menu */
.nav ul {
  list-style: none;
  text-align: center;
  justify-content: left;
  display: flex;
  align-items: center;
  height: 100%;
}

.nav ul li a {
    transition: 0.3s ease-in-out;
    text-transform: uppercase;
    transition: all 0.5s;
    position: relative;
    color: #0f267b;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 15px;
    padding: 10px 18px;
    display: block;
}

section.header .nav.stroke {
  display: block;
}

.nav.stroke ul li a:after,
.nav.fill ul li a:after {
  transition: 0.3s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 0;
  width: 0%;
  content: ".";
  color: transparent;
  background: #0f267b;
  height: 2px;
  transform: translateX(-50%);
}

.nav.stroke ul li a:hover:after {
  width: 100%;
}

.nav.stroke ul li a.active:after {
  width: 100%;
}

.nav.stroke ul li a.active::before {
  height: 100%;
}



/* Buttons Css Start*/

.theme-btn-1 {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}


.theme-btn-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.25);
  transform: skewX(-25deg);
  transition: all 0.5s ease;
}

/* icon animation */
.theme-btn-1 span i {
  transition: transform 0.4s ease;
}

/* hover effects */
.theme-btn-1:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}

.theme-btn-1:hover::before {
  left: 120%;
}

.theme-btn-1:hover span i {
  transform: translateX(6px);
}


/* Buttons Css End*/

/* Loader start */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: all 1s ease;
  flex-direction: column;
  gap: 5px;
}

#loader.hide {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}

img.loader {
  width: 10vw;
}

/* Loader end */

/* Custom Scrollbar  */
#style-6::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

#style-6::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}

#style-6::-webkit-scrollbar-thumb {
  background-color: #f48a12;
  background-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent);
}

.scrollbar {
  overflow-y: scroll;
}

/* Custom Scrollbar  */

/* Home Page start*/

/* Header */

.hdr_logo a img {
  width: 155px !important;
  height: 84px !important;
  object-fit: contain !important;
}

.theme-btn-1 {
    background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
    padding: 7px 7px 7px 18px;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: 500;
    border-radius: 50px;
    display: flex;
    align-items: center;
    width: fit-content;
    font-size: 15px;
}

.hdr_btn a {
    font-size: 12px;
}

.theme-btn-1 span {
    background: #fff;
    margin-left: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #031231;
    font-size: 20px;
}
.container-fluid.add-padding {
  padding: 0 5%;
}

section.header {
  position: absolute;
  width: 100%;
  z-index: 9;
  padding: 20px 0;
  background: #ffffffa6;
}

.hdr_btn a {
  margin: 0 0 0 auto;
}

/* Header end*/

/* Main Banner Start */


.banner-images-shape img {
    width: 861px;
    height: 100vh;
    clip-path: polygon(35% 0, 100% 0, 100% 58%, 84% 100%, 0% 100%, 17% 49%);
    object-fit: cover;
    position: relative;
}

.banner_images img {
  width: 100%;
  height: auto;
}

.banner_images {
    position: relative;
    z-index: 9;
    margin-left: -150px;
    margin-top: 290px;
}

.banner-images-shape img:before {
  content: "";
  position: absolute;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.banner-images-shape {
  position: absolute;
  top: 0;
  right: 0;
}

.banner_sec {
  position: relative;
  z-index: 1;
  height: 100vh;
}

.banner_sec::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: '';
  background-image: url(../images/main-banner-back.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner_text {
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.banner-slider .slick-list {
  height: 100%;
}

.banner-slider .slick-track {
  height: 100%;
}

.banner_text label {
  background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
  color: #fff;
  font-size: 25px;
  padding: 8px 30px;
  border-radius: 50px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.banner_text h2 {
    color: #c50e0e;
    font-size: 36px;
}

.banner_text p {
  color: #000000;
  font-size: 17px;
  width: 77%;
  margin-bottom: 20px;
}

.banner_text ul {
  display: flex;
  align-items: center;
  gap: 20px;
}

.theme-btn-1.chg {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
}

section.banner_sec:after {
  content: "";
  position: absolute;
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
  width: 90%;
  height: 85px;
  bottom: 0;
  z-index: -1;
}

.banner-social-link {
  position: absolute;
  bottom: 0;
  left: 5%;
  padding: 17px 0;
}

.banner-social-link ul {
  display: flex;
  align-items: center;
  gap: 30px;
}

.banner-social-link ul li a {
  color: #93a5db;
  border: 1px solid #93a5db;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 20px;
}

.banner-social-link ul li a:hover {
  background: #9daddb;
  transition: 0.5s;
  color: #d8def2;
}

.banner-social-link ul li:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  background: #3b5ab7;
  right: -30px;
}

li.boader-w:after {
  width: 1360px !important;
  left: 45px;
}

.banner-social-link ul li {
  position: relative;
  display: flex;
  align-items: center;
}


/* Main Banner Ends */


/*Boxs Box Start*/

.boxs-box span img {
  width: 57px;
  height: 57px;
  object-fit: contain;
}

.boxs-box span {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 5px;
}

.boxs-box:hover {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
  transition: 0.5s;
}

.boxs-box:hover * {
  color: #fff;
}

.boxs-box:hover span {
  background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
}

.boxs-box {
  border: 1px solid #ce0f0f;
  padding: 25px 25px;
  border-radius: 10px;
  width: 95%;
  position: relative;
  background: #fff;
  margin: 0 auto;
  transition: 0.5s;
  height: 295px;
}

.boxs-box:before {
  content: "";
  position: absolute;
  background: #ce0f0f;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  bottom: -15px;
  right: -15px;
  z-index: -999999;
}

.boxs-box h2 {
  font-size: 28px;
  width: 77%;
  margin-bottom: 20px;
  margin-top: 30px;
  line-height: 1.1;
}

.boxs-box a {
  background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
  display: flex;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  justify-content: center;
  color: #fff;
  font-size: 18px;
}

.boxs-box a {
  margin: 0 0 0 auto;
}

.boxs-sec.sec {
  margin-top: 0px;
  background-image: url(../images/usa-flag.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0px !important;
  background-position: center;
}

/*Boxs Box Ends */


/*Built on Reliability Start*/

.built-on-reliability-text h2 span {
  display: block;
}

.built-on-reliability-text h2 {
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 20px;
    padding-bottom: 30px;
    position: relative;
}
.built-on-reliability-text-btn {
  margin-top: 30px;
}

.built-on-reliability-text h2 label {
  color: #ce0f0f;
}

.built-on-reliability-text p {
  width: 90%;
  margin-bottom: 25px;
}

.built-on-reliability-text h2:before {
  content: "";
  position: absolute;
  background: #000;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  right: 0;
}

.built-on-reliability-text h2:before {
  content: "";
  position: absolute;
  background: #ce0f0f;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  right: 0;
  bottom: -5px;
}

.padding-left {
  padding-left: 0 !important;
}

.padding-right {
  padding-right: 0 !important;
}

.built-on-reliability-images img {
    width: 100%;
    height: unset;
    object-fit: cover;
    border-radius: 20px;
}

.built-on-reliability-row {
    margin-top: 50px;
}

.built-on-reliability-images {
  position: relative;
  display: flex;
  align-items: center;
}

.built-on-reliability-images:before {
    content: "";
    position: absolute;
    background: #cfcfcf;
    width: 78%;
    height: 1px;
    margin-top: -97px;
    right: 0;
    z-index: -1;
}

.built-reliability-number-counter-box {
    position: absolute;
    text-align: center;
    padding: 0 20px;
    margin-top: -111px;
    left: 50px;
}

.built-reliability-number-counter {
  position: relative;
}

.built-reliability-number-counter:before {
    content: "";
    position: absolute;
    background: #ce0f0f;
    width: 500px;
    height: 380px;
    left: -250px;
    z-index: -1;
    clip-path: polygon(52% 0, 100% 50%, 50% 100%, 51% 44%);
    top: -128px;
}
.built-on-reliability-text {
    margin-top: 62px;
}




.built-reliability-number-counter h2 {
  color: #fff;
  margin-bottom: 0;
  line-height: 1;
  font-weight: 600;
}

.built-reliability-number-counter p {
  font-size: 18px;
  text-transform: uppercase;
  width: 90%;
  font-weight: 600;
  margin-bottom: 0;
  color: #fff;
}


/*Built on Reliability Ends */

/*What We offer Start*/

.what-we-offer-heading {
  text-align: center;
}

.what-we-offer-row {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
  border-radius: 15px;
  padding: 50px 80px 80px;
  margin: 50px 0;
}

.what-we-offer-heading h2 {
  margin-bottom: 0;
  color: #ffffff;
}

.what-we-offer-heading {
  border-bottom: 2px solid #39529f;
  padding: 50px 0 20px;
}

.what-we-offer-silder-items {
  padding: 40px 10px 10px;
  border: 1px solid #ffffff;
  border-radius: 30px;
  margin-top: 60px;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1.2;
}

.what-we-offer-silder-items h2 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    padding: 0 20px;
    line-height: 25px;
}
.footer-bottom-sec .row {
    justify-content: center;
}
.what-we-offer-silder-items p {
    color: #fff;
    padding: 0 20px;
    height: 100px;
    font-size: 13px;
    line-height: 18px;
}

.what-we-offer-silder-items img {
  width: 100%;
  border: 1px solid #fff;
  border-radius: 30px;
  height: 229px;
}

.what-we-offer-silder .slick-slide {
  margin: 19px 15px;
}

.what-we-offer-silder button.slick-prev,
button.slick-next {
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  background: #ffffff !important;
  border-radius: 50% !important;
}

.what-we-offer-silder .slick-prev:before,
.slick-next:before {
  color: #000 !important;
  font-size: 12px !important;
  content: "\f061" !important;
  font-family: "Font Awesome 6 free" !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  opacity: 1 !important;
}

.what-we-offer-silder .slick-slide.slick-current.slick-active.slick-center .what-we-offer-silder-items {
  background-color: #fff;
}

.what-we-offer-silder .slick-slide.slick-current.slick-active.slick-center .what-we-offer-silder-items * {
  color: #000;
}


/*What We offer Ends */

/*Serving the Industries That Power Texas Start*/

.serving-the-industries-heading h2 span {
  display: block;
}

.serving-the-industries-heading {
  text-align: center;
}

.serving-the-industries-heading h2 label {
  color: #ce0f0f;
}

.serving-the-industries-silder-items span img {
  width: 90px;
  height: 90px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(22%) sepia(100%) saturate(7337%) hue-rotate(358deg) brightness(84%) contrast(92%);
}

.serving-the-industries-silder-items p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}

.serving-the-industries-silder-items span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eaeaea;
  width: 100%;
  height: 150px;
  border-radius: 5px;
}

.serving-the-industries-silder-items {
  text-align: center;
  margin-top: 35px;
}
.serving-the-industries-silder .slick-prev:before {
    color: #fff !important;
    font-size: 12px !important;
    content: "\f061" !important;
    font-family: "Font Awesome 6 free" !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    opacity: 1 !important;
}
 .serving-the-industries-silder .slick-next:before {
    color: #fff !important;
    font-size: 12px !important;
    content: "\f061" !important;
    font-family: "Font Awesome 6 free" !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    opacity: 1 !important;
}
.serving-the-industries-silder button.slick-prev {
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    border-radius: 50% !important;
    background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%) !important;
}
.serving-the-industries-silder  button.slick-next {
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    border-radius: 50% !important;
    background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%) !important;
}

/*Serving the Industries That Power Texas Ends*/

/*What Choose Us Start*/

.what-choose-us-text h2 {
  color: #171717;
}


.what-choose-us-text h2 span {
  display: block;
}

.what-choose-us-text h2 {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 25px;
  margin-bottom: 35px;
  position: relative;
}

.what-choose-us-text h2:before {
  content: "";
  position: absolute;
  background: #ce0f0f;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  bottom: -6px;
}

.what-choose-us-text ul li a {
    border-bottom: 1px solid #cfcfcf;
    width: 100%;
    padding: 15px 0;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #000000;
    font-weight: 700;
    font-size: 15px;
}
.what-choose-us-text ul {
  margin-top: 25px;
}

.what-choose-us-images img {
  clip-path: polygon(100% 0, 100% 0, 100% 75%, 80% 100%, 0 100%, 50% 50%);
  width: 100%;
  height: 750px;
  object-position: 90% 100%;
  position: relative;
  z-index: 9;
}

.what-choose-us-images {
  position: relative;
}

.what-choose-us-images:before {
  content: "";
  position: absolute;
  background: #062581;
  width: 70px;
  height: 70px;
  right: 0;
  bottom: 0;
  clip-path: polygon(96% 0, 100% 0, 100% 78%, 100% 100%, 0 100%, 53% 46%);
}

.what-choose-us-text ul li i {
  color: #0b34ae;
  transform: rotate(-40deg);
  font-size: 20px;
}

.what-choose-us-text h2 span label {
  color: #ce0f0f;
}

.what-choose-us-pints-box-one img {
  width: 58px;
  height: 40px;
  object-fit: contain;
  clip-path: inherit !important;
}

.what-choose-us-pints-box-one p {
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px;
}

.what-choose-us-pints-box {
    clip-path: polygon(20% 0%, 100% 0, 92% 100%, 0% 100%);
    text-align: center;
    background: #f5cfcf;
    width: 44%;
    position: absolute;
    bottom: 0;
    left: -124px;
    padding: 20px 20px;
    transform: skew(-40deg, 0deg);
    z-index: 5;
}

.what-choose-us-pints-box-one.\32 {
  margin-top: 25px;
  transform: skew(43deg, 0deg);
  margin-left: -30px;
}

.what-choose-us-pints-box-one.\33 {
  margin-top: 20px;
  transform: skew(43deg, 0deg);
  margin-left: -55px;
}

.what-choose-us-pints-box-one p span {
  display: block;
}

.what-choose-us-pints-box-one {
  transform: skew(43deg, 0deg);
}




.serving-the-industries-sec {
  padding-top: 80px;
}

/*What Choose Us Ends*/


/* Shipping Solutions Start */

.heading h2 span {
  color: #ce0f0f;
}

.heading {
  text-align: center;
  margin-bottom: 30px;
}

.heading p {
  width: 50%;
  margin: 0 auto;
}

.shipsol_main {
  text-align: center;
  position: relative;
  transition: transform 0.4s ease;
  margin-top: 25px;
}

.shipsol_main_img {
  position: relative;
  transition: all 0.4s ease;
  overflow: hidden;
}

.shipsol_main_img::before {
  content: "";
  position: absolute;
  border-radius: 30px;
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  transition: all 0.4s ease-in-out 0s;
  z-index: 1;
  opacity: 0.5;
}

.shipsol_main:hover .shipsol_main_img::before {
  transition: all 0.4s ease-in-out 0s;
  transform: scale(1);
  border-radius: 20px;
}

.shipsol_main:hover {
  transform: translateY(-10px);
}

.shipsol_main:hover::after {
  opacity: 1;
}

.shipsol_main_img {
  overflow: hidden;
  border-radius: 30px;
}

.shipsol_main_img img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: 30px;
  transition: transform 0.6s ease;
}

.shipsol_main:hover .shipsol_main_img img {
  transform: scale(1.08);
}

.arrow_btn {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 25px;
  top: -25px;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
  z-index: 2;
}

.arrow_btn i {
  color: #000;
  font-size: 20px;
  transform: rotate(320deg);
  transition: transform 0.4s ease, color 0.4s ease;
}

.shipsol_main:hover .arrow_btn {
  background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
  transform: scale(1.1);
}

.shipsol_main:hover .arrow_btn i {
  color: #fff;
  transform: rotate(360deg);
}

.shipsol_main_txt h3 {
    font-weight: 500;
    font-size: 20px;
    margin: 20px 0;
    transition: color 0.3s ease;
    margin-bottom: 0;
}

.shipsol_main:hover .shipsol_main_txt h3 {
  color: #ce0f0f;
}

.d_block {
  display: block;
}

.heading h2 {
  margin-bottom: 0;
}

/* Shipping Solutions Ends */

/* Faqs Start */

.faq_wrapper {
  border-radius: 30px;
  margin: 0 5%;
  padding: 80px 60px 80px;
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
}

.faq_heading h2 {
  font-size: 125px;
  color: #ffffff;
  line-height: 130px;
}


.faq_heading p {
    color: #ffffff;
    margin-bottom: 25px;
    font-size: 14px;
}

.faq_right .accordion-button {
    font-weight: 500;
    color: #ffffff;
    font-size: 20px;
    padding: 25px 20px 25px 0px;
    text-transform: uppercase;
    position: relative;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.faq_right .accordion-button::after {
  display: none;
}

.faq_right .accordion-button::before {
  content: '\2b';
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  font-size: 17px;
  color: #889a72;
  margin-right: 30px;
}

.faq_right .accordion-item {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #284fc3;
}

.faq_right .accordion-body p {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px;
}

.faq_right .accordion-body {
  position: relative;
  padding: 30px 10px 30px 30px;
  margin: 10px 0px 20px 150px;
}

.faq_right .accordion-body::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 3px;
  background: #8b9cce;
  height: 100%;
  z-index: 1;
}

.faq_right .accordion-button:not(.collapsed)::before {
  content: '';
  background: #8b9cce;
  left: 0;
  width: 65px;
  height: 2px;
  z-index: 1;
}

.faq_right {
  padding-left: 50px;
}

/* Faqs Ends */

/* Testimonial Start */

.avatar_img img {
  width: 100px;
  height: 110px;
  object-fit: cover;
  border: 2px solid #ffffff;
  border-radius: 20px;
}

.avatar_txt h5 {
  font-family: "robofan", sans-serif;
  font-weight: 500;
  color: #000000;
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 0;
  line-height: 25px;
}

.avatar_txt h5 span {
  display: block;
  font-weight: 400;
  color: #8d8d8d;
  font-size: 14px;
  font-family: "Montserrat", serif;
}

.rating_star i {
  color: #ffcc00;
  font-size: 14px;
}

.quote i {
  color: #d1dfea;
  font-size: 90px;
}

ul.testiulone {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

ul.testiultwo {
  display: flex;
  justify-content: flex-start;
  gap: 15px;
  align-items: center;
}

.avatar_img {
  position: relative;
  z-index: 2;
}

.avatar_img::before {
  position: absolute;
  content: '';
  background-image: -webkit-linear-gradient(-90deg, #cb0f0f 0%, #cb0f0f 94%);
  border: 2px solid #ffffff;
  top: -10px;
  left: -10px;
  width: 85px;
  height: 85px;
  z-index: -1;
  border-radius: 20px;
}

.testi_cont p {
  color: #8d8d8d;
  font-size: 14px;
  margin: 30px 0;
}

.testi_cont {
  box-shadow: 0 10px 25px rgb(0 0 0 / 13%);
  padding: 40px;
  border-radius: 20px;
  background-image: -webkit-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 94%);
}

.testi_main {
  position: relative;
  padding: 40px 20px 40px 40px;
  border-radius: 30px;
  margin-top: 20px;
}

.testi_main::before {
  position: absolute;
  content: '';
  background: #cb0f0f;
  top: 0px;
  left: 0px;
  width: 37%;
  height: 100%;
  z-index: -1;
  border-radius: 20px;
}

.testi_main::after {
  position: absolute;
  content: '';
  background: #e1e2e3;
  top: 50%;
  right: 0px;
  width: 30px;
  height: 290px;
  z-index: -1;
  border-radius: 20px;
  transform: translate(0px, -50%);
}

.testimonial_slider .slick-slide.slick-current.slick-active .testi_main::before {
  background: #cdd3e5;
}

.testimonial_slider .slick-slide.slick-current.slick-active .testi_main::after {
  background: #f4f4f4;
}

.testimonial_slider .slick-slide.slick-current.slick-active .avatar_img::before {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
}

.testimonial_slider .slick-slide.slick-current.slick-active .testi_cont {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
}

.testimonial_slider .slick-slide.slick-current.slick-active .quote i {
  color: #3954a3;
}

.testimonial_slider .slick-slide.slick-current.slick-active .avatar_txt h5 span {
  color: #cccfe1;
}

.testimonial_slider .slick-slide.slick-current.slick-active .avatar_txt h5 {
  color: #ffffff;
}

.testimonial_slider .slick-slide.slick-current.slick-active .testi_cont p {
  color: #b6c2e6;
}

/* Testimonial Ends */


/*Footer Start*/

.footer-sec {
  background-image: -webkit-linear-gradient(-90deg, rgb(6, 36, 125) 0%, rgb(14, 59, 195) 94%);
}

.footer-lets-talk-box {
  padding: 70px 0;
  text-align: center;
}

.footer-lets-talk-box h2 {
  font-size: 200px;
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.footer-lets-talk-box h2 span {
  font-size: 25px !important;
  background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transform: rotate(-35deg);
  margin-left: 20px;
}

.footer-bottom-link ul {
  display: block;
  align-items: center;
  justify-content: space-between;
}

.footer-bottom-link ul li a {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.footer-bottom-sec .row {
  align-items: start;
}

.footer-bottom-sec {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  padding: 20px 0;
}

.footer-copy-right-sec {
  text-align: center;
  padding: 20px 0;
}

section.testimonial.sec {
  margin-bottom: 70px;
}


.footer-copy-right-sec p {
  margin-bottom: 0;
  color: #fff;
}

.footer-bottom-logo a img {
  width: 155px;
  height: 84px;
  object-fit: contain;
}
.footer-top-background-images img {
    width: 100%;
    height: 535px;
    object-fit: cover;
}
/*Footer Ends*/


/* Home Page Ends */

/*Inner Pages Start*/

/*Inenr About Us Start */

.built-on-reliability-sec.sec.inner .built-on-reliability-text {
    margin-top: -2px !important;
    padding-left: 14px;
}
.inner-banner-heading h2 {
  color: #fff;
  /* margin-bottom: -30px; */
}

.inner-banner-heading {
  position: relative;
  text-align: center;
}



.inner-banner-images img {
    width: 100%;
    height: 446px;
    object-fit: contain;
}

.inner-banner-sec {
    /* padding-top: 80px; */
    background-image: url(../images/footer-top-img.jpg);
    width: 100%;
    height: 520px;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
}


.inner-what-we-offer-sec .what-we-offer-silder-items h2 {

  color: #000;

}

.inner-what-we-offer-sec .what-we-offer-silder-items {
  border: 2px solid #000;
  margin-top: 40px;
  height: 483px;
}

.inner-what-we-offer-sec .what-we-offer-silder-items p {
  color: #000;

}

.inner-what-we-offer-sec .what-we-offer-silder-items img {

  border: 2px solid #000;

}

/*Inenr About Us Ends*/

/*Inner Services Start*/


.inner-services-sec .serving-the-industries-silder-items span {
   
    width: 100%;
    height: 180px;
    border-radius: 5px;
}



/*Inner Services Ends*/

/*Inner Services Detail Start*/

.services-detail-images img {
    /* width: 250px !important; */
    /* height: 250px !important; */
    /* object-fit: contain !important; */
    border-radius: 20px;
}
.services-detail-images {
    padding: 0px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 550px; */
    border-radius: 20px;
}
.services-detail-text {
    margin-left: 10px;
}
.services-detail-bottom-row {
    margin-top: 35px;
}

/*Inner Services Detail Ends */

/*Inner Request A Quote Start*/


.inner-request-a-quote-sec {
    padding: 100px 0;
}
.inner-request-a-quote-form-heading {
    text-align: center;
    margin-bottom: 40px;
}
.inner-request-a-quote-form-heading h2 {
    margin-bottom: 10px;
}
.inner-request-a-quote-form-heading p {
    width: 60%;
    margin: 0 auto;
}
.inner-request-a-quote-form input {
    width: 100%;
    height: 60px;
    border: 1px solid #cfcfcf;
    padding: 0 15px;
    border-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 18px;
}
.inner-request-a-quote-form input::placeholder {
     color: #000;
    font-size: 15px;
    font-weight: 500;
}
.inner-request-a-quote-form textarea {
    width: 100%;
    height: 180px;
    border: 1px solid #cfcfcf;
    padding: 15px 15px;
    border-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
    resize: none;
}
.inner-request-a-quote-form textarea::placeholder {
    color: #000;
    font-size: 15px;
    font-weight: 500;
}
.custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 6px 0;
}

.custom-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 28px !important;
    height: 28px !important;
    border-radius: 4px;
    margin-right: 10px;
    transition: background 0.2s;
    margin-bottom: 0;
    padding: 0;
}

.custom-checkbox input[type="checkbox"]:checked {
    background-color: #2c4359;
}
.inner-request-a-quote-form ul li span {
    font-size: 15px;
    color: #000;
    font-weight: 500;
}
.inner-request-a-quote-form ul {
    margin-bottom: 40px;
}
.inner-request-a-quote-cart ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


 .inner-request-a-quote-sec .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 8px;
    padding: 10px 20px;
    width: fit-content;
  }

  .inner-request-a-quote-sec .quantity button {
    background: #f0f0f0;
    border: none;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 20px;
    cursor: pointer;
    transition: 0.2s;
  }

  .inner-request-a-quote-sec .quantity button:hover {
    background: #e0e0e0;
  }

.inner-request-a-quote-sec .quantity span {
    font-size: 18px;
    font-weight: 600;
    width: 25px;
    text-align: center;
}
.inner-request-a-quote-cart-row {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 22px 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.inner-request-a-quote-cart {
    padding: 15px 70px;
}

.inner-request-a-quote-cart-pro-name ul li img {
    width: 166px;
    height: 128px;
    object-fit: cover;
}

.inner-request-a-quote-cart-pro-name ul li img {
    width: 166px;
    height: 128px;
    border-radius: 5px;
}
.inner-request-a-quote-cart-pro-name ul {
    display: flex;
    align-items: center;
    gap: 20px;
}
.inner-request-a-quote-cart-pro-name ul li {
    font-size: 18px;
    font-weight: 600;
    font-family: "Montserrat", serif;
    color: #000;
}
.inner-request-a-quote-sec li.request-cart-img {
    position: relative;
}
.inner-request-a-quote-sec button.request-cart-btn {
     position: absolute;
    right: -10px;
    top: -10px;
}
.inner-request-a-quote-sec li.request-cart-img button {
    border: none !important;
    font-size: 13px;
    background: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    box-shadow: 0 0 4px 0 #00000057;
}
.inner-request-a-quote-form button {
    margin: auto;
    border: none;
}
.inner-request-a-quote-cart ul li span {
    font-weight: 600;
}

/*Inner Request A Quote Ends */


/* Contact page Starts  */

.contact-sec .contact-sec {
  background: white;
  border-radius: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  margin: 40px auto;
  max-width: 1200px;
  overflow: hidden;
}

.contact-sec .contact-left,
.contact-right {
  padding: 10px 25px;
  height: 100%;
}

.contact-sec .contact-left {
  /* background: #eeeeee; */
  /* border-radius: 10px 0 0px 10px; */
}

.contact-sec .contact-left h2 {
  font-weight: 500;
  margin-bottom: 10px;
  color: #000;
  font-size: 36px;
  font-weight: 600;
}

.contact-sec .contact-left p {
  font-size: 21px;
  color: #000;
  margin-bottom: 30px;
  width: 100%;
}

.contact-sec .contact-info {
  margin-bottom: 30px;
}

.contact-sec .contact-info i {
  font-size: 23px;
  margin-right: 15px;
  color: white;
  width: 60px;
  height: 60px;
  /* background: #f50005; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
}

.contact-sec .contact-info h6 {
  margin-bottom: 3px;
  font-weight: bold;
  color: #000;
  font-family: 'Montserrat';
  font-size: 19px;
}

.contact-sec .contact-info small {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  font-family: 'Montserrat';
}

.contact-sec .follow-us {
  margin-top: 40px;
}

.contact-sec .follow-us i {
  font-size: 20px;
  margin-right: 15px;
  color: #000;
  cursor: pointer;
  transition: 0.3s;
}

.contact-sec .follow-us i:hover {
  color: #ffc107;
}

.contact-sec .contact-right h3 {
  font-weight: bold;
  margin-bottom: 30px;
}

.contact-sec .form-control {
  border-radius: 6px;
  margin-bottom: 15px;
  font-size: 14px;
  background-color: unset;
  height: 50px;
  margin: 0 0 15px 0;
  border: 1px solid #0000007d;
  color: #000;
}

.contact-sec textarea.form-control {
  resize: none;
  height: 169px;
  margin: 0px 0 0 0;
  padding: 20px 14px;
  color: #fff;
}

section.contact-sec {
  padding: 90px 0 100px;
  position: relative;
  z-index: 2;
}
.contact-right {
  /* background-color: white; */
  /* box-shadow: rgba(0, 0, 0, 0.19) 0px 3px 8px; */
  border-radius: 0 10px 10px 0;
}
.col-md-6.contact-right h2 {
  color: #000;
  text-transform: uppercase;
  padding-bottom: 0;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 40px;
}
.sbmt-btn  button.theme-btn-1 {
    border: unset;
}
.contact-social-wrapper .footer-socials a {
  height: 45px;
  width: 45px;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  background-color: unset;
  border-radius: 50%;
  border: 1px solid #ff0505;
  transition: all 0.3s ease;
}

.contact-social-wrapper .footer-socials a i {
  color: #dc2626;
  font-size: 20px;
}

.contact-social-wrapper .footer-socials {
  display: flex;
  gap: 14px;
}

.contact-social-wrapper .footer-socials a:nth-child(1):hover i {
  color: #fff;
}

.contact-social-wrapper .footer-socials a:nth-child(2):hover i {
  color: #fff;
}

.contact-social-wrapper .footer-socials a:nth-child(3):hover i {
  color: #fff;
}
.contact-social-wrapper .footer-socials a:hover {
  background-color: #dc2626 !important;
}
.sbmt-btn {
  margin-top: 20px;
  display: flex;
  justify-content: start;
  align-items: center;
  text-align: center;
}
.contact-map iframe {
    width: 100%;
}

.contact-map {
    margin-top: 40px;
}
.contact-sec .form-control::placeholder {
    color: #000;
}
/* Contact us page Ends */

/* Inner Check Out Start */

.billing_form h3 {
    margin: 0;
    margin-bottom: 30px;
    color: #000;
    font-size: 55px;
    font-weight: 600;
}

.billing_form label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
    color: #000;
}

.radiosss p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
}

.check-out-btn button {}

.check-out-btn button {
    border: none;
}

.billing_form input {
    width: 100%;
    height: 60px;
    border: 1px solid #cfcfcf;
    padding: 0 15px;
    border-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 18px;
}

.billing_form input::placeholder {
   color: #000;
  font-family: "Montserrat", sans-serif;
}

.cart_sidebar .cart_lst li:not(:last-child) {
    margin-bottom: 20px;
}

.cart_sidebar .cart_lst li {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.cart_sidebar .cart_lst li span {
  float: right;
}

.cart_sidebar .cart_lst li:last-child {
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}

.cart_sidebar .cart_lst {
  margin-top: 20px;
  margin-bottom: 40px;
}

.thankyou_txt {
  padding: 50px;
  border: 2px solid #b7b7b7;
}

.thankyou_txt h3 {
  font-size: 35px;
  color: #000;
  font-weight: 800;
  margin: 0;
  font-family: "Montserrat", sans-serif;
}

.thankyou_txt h3 i {
  font-size: 40px;
  margin-right: 15px;
}

.order_det h5 {
  font-size: 20px;
  color: #7c7c7c;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}

.order_det p {
  font-weight: 700;
  font-size: 20px;
  color: #000;
  margin: 0;
}

.order_complete_detail h3 {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.order_detail_table {
  padding: 40px;
  border: 1px solid #b7b7b7;
}

.order_detail_table h5 {
  margin-top: 0px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  font-family: "Montserrat", sans-serif;
}

.order_detail_table ul {
  margin-top: 20px;
  margin-bottom: 30px;
}

.order_detail_table ul li:not(:last-child) {
  margin-bottom: 25px;
}

.order_detail_table ul li {
  font-size: 14px;
  color: #7c7c7c;
}

.order_detail_table ul li span {
  float: right;
}

.order_detail_table ul li:last-child {
  font-weight: 700;
  color: #000;
}

.order_detail_table h6 {
  font-size: 17px;
  font-weight: 700;
  color: #000;
  font-family: "Roboto", sans-serif;
  padding: 25px 0;
  border-top: 1px solid #dbdbdb;
  margin: 0;
}

.order_detail_table h6 span {
  float: right;
}

.check_menu ul {
  text-align: center;
  margin-bottom: 40px;
}

.check_menu ul li {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  color: #7c7c7c;
  margin: 0 14px;
}

.check_menu ul li i {
  font-size: 18px;
}

.check_menu ul li.purp {
  color: #700ea3;
}

.cart_sidebar h3 {
    font-size: 28px;
    margin-top: 0px;
    margin-bottom: 20px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}
.cart_sidebar .h-sub {
    font-size: 25px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 20px;
    line-height: 0;
    padding-bottom: 30px;
    padding-top: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.cart_sidebar h5 span {
  float: right;
  color: #000;
}

.cart_sidebar h4 {
    font-size: 25px;
    margin-bottom: 20px;
    line-height: normal;
    padding-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}

.cart_sidebar ul li input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.cart_sidebar ul li label {
    position: relative;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.cart_sidebar ul li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #b7b7b7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}

.cart_sidebar ul li input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #b40c0c;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.cart_sidebar {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}
.check-out-btn {
  margin-top: 35px;
}

.cart_sidebar ul li:not(:last-child) {
  margin-bottom: 15px;
}

.cart_sidebar form {
  margin-top: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid #b7b7b7;
}

.cart_sidebar form h4 {
  font-size: 14px;
  font-weight: 400;
  color: #b7b7b7;
  font-family: "Roboto", sans-serif;
}

.cart_sidebar form select {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  border-radius: 0;
  border: 1px solid #b7b7b7;
  margin-bottom: 20px;
  appearance: auto;
  color: #b7b7b7;
}

.cart_sidebar form select option {
  color: #000;
}

.cart_sidebar form input {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  border-radius: 0;
  border: 1px solid #b7b7b7;
  margin-bottom: 20px;
  appearance: auto;
  color: #b7b7b7;
}

.cart_sidebar form input::placeholder {
  color: #b7b7b7;
  font-family: "Montserrat-Ultral";
}

.cart_sidebar form button {
  color: #000;
  font-size: 15px;
  border-radius: 0px;
  font-family: "Poppins", sans-serif;
  padding: 10px 40px;
  background-color: #ebebeb;
  border: 2px solid #ebebeb;
}

.cart_sidebar form button:hover {
  background-color: transparent;
  transition: 0.3s ease-in-out;
}

.checkout_btn {
  padding: 12px 50px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 24px;
  border-radius: 0;
  font-weight: 500;
  border: 2px solid transparent;
  background-color: #ff2e98;
  font-family: "Montserrat-Ultral";
}

.checkout_btn:hover {
  /* color: white; */
}

ul.shipping-ul {
  border-bottom: 1px solid #d8d8d8;
  margin: 0;
  padding-bottom: 30px;
}

h6.payment-h {
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 600;
    margin-top: 30px;
    color: #000;
}

.cart_sidebar .radiosss-payments li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #b7b7b7;
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%),
    inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 50px;
}

.cart_sidebar .radiosss-payments li input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    border-radius: 20px;
    left: 6px;
    border: 0;
    width: 10px;
    height: 10px;
    background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
}

.radiosss-payments .card.card-body {
  padding: 0;
  border: 0;
  margin-left: 30px;
  background: none;
}

.radiosss-payments {
  border-bottom: 1px solid #d8d8d8;
}

section.checkout_page {
  padding: 100px 0;
  position: relative;
}

.sale-upto-off-flower.check-one {
  left: -120px;
}

.sale-upto-off-flower.check-one {
  left: -20px;
  top: 30px;
}

.sale-upto-off-flower.check-two {
  top: inherit;
  bottom: 0;
  right: inherit;
  left: 410px;
}

section.checkout_page .sale-upto-off-flower img {
  width: 151px;
  height: 143px;
  object-fit: contain;
}

.checkout_page .img-1 {
  position: absolute;
  left: -13%;
  top: 50%;
  width: 340px;
}

.checkout_page .img-2 {
  position: absolute;
  right: -7%;
  top: 60%;
  width: 230px;
  transform: rotate(200deg);
}

/* Inner Check Out End */

/* Inner Cart Start */


.inner-cart-sec .shopping_cart_table h2 {
    margin-bottom: 40px;
    text-transform: uppercase;
    color: #0e0d0d;
    font-size: 40px;
}

.inner-cart-sec .shopping_cart_table table th {
    font-size: 16px;
    padding-bottom: 10px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

.cart_product_name h2 {
    font-size: 16px !important;
    margin-bottom: 4px !important;
    font-weight: 600;
}

.inner-cart-sec .shopping_cart_table table thead {
    border-bottom: 1px solid #e6e6e6;
}

.inner-cart-sec .shopping_cart_table table tbody td {
    padding: 25px 0;
    border-bottom: 1px solid #e3d4ce;
}

.inner-cart-sec .shopping_cart_table table tbody .cart_box_product {
    display: flex;
    align-items: center;
}

.inner-cart-sec .shopping_cart_table table tbody td {
    padding: 25px 0;
    border-bottom: 1px solid #e6e6e6;
}

.cart_product_img img {
    width: 110px;
    height: 117px;
    object-fit: cover;
    border-radius: 5px;
}

.inner-cart-sec .shopping_cart_table table tbody .cart_box_product .cart_product_name h5 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    color: #000000;
    text-transform: capitalize;
}
.inner-cart-sec .shopping_cart_table table tbody .cart_box_product .cart_product_name p {
    font-size: 13px;
    line-height: 20px;
    margin-top: 2px;
    margin-bottom: 0;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}
.inner-cart-sec .shopping_cart_table table tbody td select {
    height: 50px;
    appearance: auto;
    border: 1px solid #b8b8b8;
    width: 135px;
    color: #000;
    font-weight: 600;
    padding: 0 15px;
}

.inner-cart-sec .shopping_cart_table table tbody td .skin-2 .num-in {
    border: 1px solid #cfcfcf;
    border-radius: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inner-cart-sec .shopping_cart_table table tbody td .t_price {
    font-size: 30px;
    text-transform: uppercase;
    color: #070707;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "robofan", sans-serif;
}

.inner-cart-sec th.w-40 {
    width: 40%;
}

.inner-cart-sec .shopping_cart_table table tbody td i.fas.fa-times {
    font-size: 20px;
    color: #000;
}

.inner-cart-sec .cart_recipt {
    margin-top: 45px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.inner-cart-sec .cart_recipt>a {
    padding: 15px 40px;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    border-radius: 50px;
    border: 1px solid #cfcfcf;
}

.inner-cart-sec .cart_recipt>a i {
    margin-right: 10px;
}

.inner-cart-sec .recipt {
    width: 30%;
}

.inner-cart-sec .recipt li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000;
}

.inner-cart-sec .recipt li:last-child {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e6e6e6;
    color: #000;
}

.inner-cart-sec .recipt li span {
    font-size: 18px;
    letter-spacing: 2px;
    color: #000000;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}

.inner-cart-sec .payment_card {
    padding: 30px 30px;
}
.inner-cart-sec .payment_card h3 {
    font-size: 35px;
    margin-bottom: 20px;
    padding-bottom: 40px;
    text-transform: uppercase;
    border-bottom: 1px solid #e6e6e6;
    color: #000;
}
.inner-cart-sec .expiry_cvv a {
    border: none !important;
}

.cart-btn {
    text-align: center;
    margin-top: 10px;
}
.cart-btn a {
    margin: 0 auto;
}
.inner-cart-sec .credit_paypal a {
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
        color: #070707;
    font-weight: 500;
    font-size: 15px;
    background: #f3f3f3;
    font-family: "Montserrat", sans-serif;
}

.inner-cart-sec .credit_paypal a img {
    height: 20px;
    object-fit: contain;
    margin-right: 10px;
    width: 20px;
}

.inner-cart-sec .credit_paypal {
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}


.inner-cart-sec .payment_card form label {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.inner-cart-sec .payment_card form {
    margin-top: 15px;
}

.inner-cart-sec .payment_card form input {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
    background: transparent;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
   
    color: #000;
}

.inner-cart-sec .payment_card form input::placeholder {
    
    font-weight: 600;
    font-size: 14px;
   
    color: #000;
}

.inner-cart-sec .payment_card form select {
    height: 50px;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 25px;
    background: transparent;
    padding: 0;
    font-weight: 600;
  
   color: #000;
}

.credit_paypal label {
    font-size: 14px;
    font-weight: 600;
       color: #070707;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.inner-cart-sec .payment_card form input::placeholder {

    font-weight: 600;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    color: #151414;
}

.inner-cart-sec .expiry_cvv {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner-cart-sec .expiry_date {
    width: 70%;
}

.inner-cart-sec .cvv_box {
    width: 26%;
}

.inner-cart-sec .month_year {
    display: flex;
    justify-content: space-between;
}

.inner-cart-sec .month_year select {
    width: 48% !important;
    appearance: auto;
}

.inner-cart-sec .month_year select option {
    color: #000;
}

.inner-cart-sec .payment_card form .btn1 {
    margin: 30px 85px;
    border: none;
}

.inner-cart-sec .shopping_cart_table {
    padding-right: 40px;
}

section.shopping_cart .skin-2 .num-in {
    height: 50px;
    width: 150px;
    float: left;
    border: 0;
    border-radius: 25px;
    cursor: pointer;
    color: #9d9d9d;
}

section.shopping_cart .skin-2 .num-in span {
    width: 30px !important;
    height: 30px !important;
    float: left;
    position: relative;
    color: #000;

    border-radius: 20%;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-quantity-box {
    margin-top: 50px;
}

.pro-quantity-box .quanity.product-detail input {
    border: none !important;
}

.pro-quantity-box .product-detail .num-in {
    background: #0000000f;
    width: 160px;
    border: 1px solid #cfc3bd;
}

.pro-quantity-box .row {
    align-items: center;
}

.productdetail-line {
    margin-top: 40px;
}

.products-detail-text p {
    margin-bottom: 30px;
}

.productdetail-line p {
    font-size: 17px;
    color: #1d1d1d;
    font-weight: 600;
}

.productdetail-line ul {
    display: flex;
    align-items: center;
    gap: 20px;
}

.productdetail-line ul li p {
    margin-bottom: 0;
}

.productdetail-line ul li a {
    color: #f26877;
    font-size: 22px;
}

.pro-quantity-box .quanity.product-detail input {
    width: 50%;
    height: 40px;
    border: 1px solid #000;
    padding: 13px;
    color: #000;
}


.our-product-box {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    transition: 0.4s ease;
}


.our-product-box:hover {
    transform: translateY(-8px);

}


.our-product-box-img {
    position: relative;
    overflow: hidden;
}

.our-product-box-img img {
    width: 100%;
    transition: 0.5s ease;
    border-radius: 12px;
}


.our-product-box-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: -170%;
    width: 120%;
    height: 100%;
    background: rgba(255, 255, 255, 0.35);
    transform: skewX(-25deg);
    transition: 0.6s;
}


.our-product-box:hover .our-product-box-img::before {
    left: 120%;
}

section.shopping_cart .skin-2 .num-in span.plus:after {
    transform: rotate(90deg);
}

section.shopping_cart .num-in input.in-num {
    background-color: #ffffff;
    width: 38%;
    font-family: 'Helvetica';
}

section.shopping_cart .skin-2 .num-in input {
    float: left;
    width: 50%;
    height: 35px;
    border: none;
    text-align: center;
    background: transparent;
    font-size: 20px;
    font-weight: 400;
    padding: 0;
    font-family: "Cinzel", serif;
    color: #070707;
}

section.shopping_cart .skin-2 .num-in span:before,
.skin-2 .num-in span:after {
    content: '';
    position: absolute;
    background-color: #787878;
    height: 2px;
    width: 10px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px;
}

.cart-btn button {
    border: none;
}

.cart_product_name {
    margin-left: 15px;
}


/* Inner Cart Ends */


/* Inner Products Detail Start */

section.product-detail {
    padding: 100px 0 50px;
}

.product-detail .productdetailportion {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 2px;
    justify-content: center;
}
.productdetailfor .slick-slide img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 8px;
    object-position: 100% 90%;
}

.productdetailnav .slick-slide {
    margin: 0 10px;
    cursor: pointer;
}

.productdetailsmallportion {
    width: 100%;
    display: flex;
    height: 170px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
}

.productdetailsmallportion img {
    width: 100%;
    height: 170px;
    transition: 0.3s;
    object-fit: cover;
    border-radius: 8px;
}
.productdetailnav .slick-slide.slick-current .productdetailsmallportion {
    position: relative;
}

.productdetailnav .slick-slide.slick-current .productdetailsmallportion::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -10px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background-color: var(--white);
    z-index: -1;
}

.productdetailnav .slick-slide.slick-current .productdetailsmallportion {
    border-radius: 5px;
}
.product-content .top-section h6 {
    font-size: 40px;
    margin-bottom: 15px;
    font-weight: 600;
    font-family: "robofan", sans-serif;
}


.product-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-content ul li {
    margin-right: 5px;
    font-size: 17px;
    color: black;
    font-weight: 600;
}

.product-content ul li i.fas.fa-star {
    color: #FF9800;
}
.product-content hr {
    margin: 20px 0;
    border-color: #eee;
}

.row.flexEnd.price_rev ul {
    display: flex;
}

.row.flexEnd.price_rev p {
    font-size: 17px;
    color: black;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 0;
}


.product-detail .slick-active {
    opacity: 1;
}

.product-detail .slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
    margin: 8px 10px;
}

ul.brand h3 {
    color: #00000082;
    font-size: 22px;
    padding: 20px 0 20px 0;
    text-decoration: line-through;
}
.quanity.product-detail span#number {
    width: 80px;
    text-align: center;
    font-size: 22px;
}
.quanity.product-detail span#plus {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}
.quanity.product-detail span#minus {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

















.price_rev {
    margin-bottom: 15px;
}
ul.brand h2 {
    line-height: 1;
    font-size: 35px;
    font-weight: 600;
    padding: 0 0 10px 0;
    color: #1c1c1c;
    font-family: "Montserrat", serif;
}

ul.brand h4 {
    font-size: 18px;
    margin: 15px 0px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-family: "Montserrat", serif;
}
ul.brand p {
    padding: 0 0 10px 0;
}
p.availability {
    color: #000;
    font-size: 18px;
}
.quanity.product-detail div {
    gap: 10px;
    display: flex;
    align-items: center;
    margin: 0px 0px 20px;
    border-radius: 0 !important;
    justify-content: flex-start;
}

.quanity.product-detail .num-block.skin-2 .num-in,
.quanity.product-detail .num-block.skin-2 {
    gap: 0;
    margin-bottom: 0px;
}

.quan-count {
    height: 55px;
    width: 170px;
    display: flex;
    padding: 0px 10px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbcbcb;
}

.sku {
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin-top: 25px;
}
.quanity.product-detail {
    margin-top: 10px;
}
.sku p {
    font-size: 17px;
    font-weight: 600;
    padding: 0 0 10px 0;
    color: var(--headingColor2);
}

.sku span {
    font-size: 17px;
    font-weight: 600;
    color: var(--headingColor2);
}
ul.share-icon {
    gap: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.share-icon li {
    font-size: 17px;
    font-weight: 600;
    color: var(--headingColor2);
}

.sku p {
    margin-bottom: 5px;
    color: #000;
}



.sku p.position-relative {
    top: 10px;
}

ul.share-icon a {
    width: 40px;
    height: 40px;
    display: flex;
    opacity: 0.5;
    font-size: 16px;
    border-radius: 50%;
    align-items: center;
    transition: ease-in-out;
    justify-content: center;
    transition-duration: 0.5s;
    color: #858585;
    border: 1px solid #858585;
}

ul.share-icon a:hover {
    opacity: 1;
    color: #fff;
    transition: ease-in;
    transition-duration: 0.5s;
    background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
}


.prod-detail-description .rating:not(:checked)>input {
    position: absolute;
    -webkit-appearance: none;
}

.prod-detail-description .rating:not(:checked)>label {
    float: right;
    cursor: pointer;
    font-size: 30px;
    color: #666;
}

.prod-detail-description .rating:not(:checked)>label:before {
    content: "★";
}

.prod-detail-description .rating>input:checked+label:hover,
.prod-detail-description .rating>input:checked+label:hover~label,
.prod-detail-description .rating>input:checked~label:hover,
.prod-detail-description .rating>input:checked~label:hover~label,
.prod-detail-description .rating>label:hover~input:checked~label {
    color: #e58e09;
}

.prod-detail-description .rating:not(:checked)>label:hover,
.prod-detail-description .rating:not(:checked)>label:hover~label {
    color: #ff9e0b;
}

.prod-detail-description .rating>input:checked~label {
    color: #ffa723;
}

.price_rev .col-6 {
    width: fit-content;
}

/* Rating Stars */

  

.prod-detail-description .nav-tabs .nav-link {
    padding: 15px;
    font-size: 25px;
    font-weight: 600;
    width: fit-content;
    margin-right: 10px;
    background: transparent;
    text-transform: uppercase;
    color: #000;
    border-radius: 0 !important;
}

.prod-detail-description .nav-tabs .nav-link.active, .prod-detail-description .nav-tabs .nav-item.show .nav-link {
    border: 0;
    border-bottom: 3px solid #c40e0e !important;
}

.prod-detail-description .nav-tabs .nav-link:hover, .prod-detail-description .nav-tabs .nav-link:focus {
    border: 0;
    border-bottom: 3px solid #980909 !important;
}

.prod-detail-description .nav-tabs {
    margin-bottom: 15px;
    border: 0;
    border-bottom: 1px solid #dee2e6;
}

.prod-detail-description .prd-review-input label {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.prod-detail-description .prd-review-input input {
       width: 100%;
    height: 60px;
    border: 1px solid #cfcfcf;
    padding: 0 15px;
    border-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 18px;

}

.prod-detail-description .prd-review-input input::placeholder,
.prod-detail-description .prd-review-input textarea::placeholder {
     color: #000;
    font-size: 15px;
}

.prod-detail-description .prd-review-input textarea {
    width: 100%;
    height: 180px;
    border: 1px solid #cfcfcf;
    padding: 15px 15px;
    border-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 18px;
    resize: none;
}
.prod-detail-description .rating-stars input {
    width: auto !important;
    height: auto;
    border: 0;
}

.prod-detail-description .rating-stars {
    display: inline-grid;
    justify-items: baseline;
}

.prod-detail-description .rating {
    display: block;

    margin: 20px 0;
    float: left;
}

.prod-detail-description .prd-review-input.give-review h4 {
    font-size: 30px;
    color: var(--black);
    text-transform: uppercase;
}


.rating-stars button {
    border: none;
}
.prod-detail-description .client-review-box {
    box-shadow: 0 0 5px 1px #9898984d;
    border-radius: 10px;
    padding: 30px;
    margin: 20px 0;
}

.prod-detail-description ul.client-list-review {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 20px;
}

.prod-detail-description ul.client-list-review li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.prod-detail-description ul.client-list-review img {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    object-fit: cover;
    box-shadow: 0 0 5px 1px #989898;
}

.prod-detail-description ul.client-list-review h5 {
    font-size: 22px;
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
    font-family: "robofan", sans-serif;
}

.prod-detail-description ul.client-list-review h6 {
    font-size: 16px;
    color: #777;
    font-family: "Montserrat", serif;
}

.prod-detail-description ul.client-list-review li i {
    font-size: 20px;
    color: #ff9800;
}

.client-review-box p {
    margin-bottom: 0;
}

.prod-detail-description .client-info {
    margin-left: 15px;
}



.prod-detail-description .prd-det-review-form .row {
    align-items: center;
}

.prod-detail-description .prd-det-discription-content p {
    margin-bottom: 20px;
}

.prod-detail-description .prd-det-additional-content p {
    text-align: justify;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
}

.prod-detail-description .prd-det-discription-content ul li p {
    text-transform: uppercase;
    margin-bottom: 0;
    color: #000;
    font-family: "robofan", sans-serif;
}

ul.disc-list li {
    margin: 10px 0;
}



.product-detail1 .skin-2 .num-in {
    height: 50px;
    width: 150px;
    float: left;
    display: flex;
    border-radius: 25px;
    cursor: pointer;
    align-items: center;
    position: relative;
}

.product-detail1 .skin-2 .num-in span:before,
.product-detail1 .skin-2 .num-in span:after {
    opacity: 1;
    content: '';
    position: absolute;
    background-color: var(--black);
    height: 2px;
    width: 10px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px;
}

ul.disc-list li img {
    width: 15px;
    height: 15px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(16%) sepia(55%) saturate(5505%) hue-rotate(352deg) brightness(90%) contrast(107%);
}

section.inner_gift_sec1 .about_text h3 {
    font-size: 44px;
}

.product-detail1 .skin-2 .num-in span.plus:after {
    transform: rotate(90deg);
    opacity: 1;
}

ul.disc-list li {
    display: flex;
    align-items: center;
    gap: 10px;
}
ul.disc-list {
    margin-bottom: 20px;
}



/* Inner Products Detail Ends */




/* Inner Products Start */

.range-text {
    display: flex;
    justify-content: center;
    position: relative;
}

.right-side-top {
    border-radius: 5px;
    padding: 20px 10px;
    background-color: #f3f3f3;
}

.right-side-top select {
    width: 100%;
    padding: 13px 10px;
    border: 1px solid transparent;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    appearance: auto;
    line-height: 60px;
    color: #000;
}

.showing-icon>select {
    width: 50%;
}

.showing-icon>.product-select {
    width: 85%;
}

.showing-icon>p {
    width: 15%;
}
.right-side-top p {
    margin: 0;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}
.show-prg-num a {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 0 4px;
    transition: 0.5s;
}
.show-prg-num p {
    font-size: 16px;
}

.show-prg-num {
    gap: 10px;
}

.show-prg-num a:hover {
    color: #cd0f0f;
}


.showing-icon {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}

.showing-icon a {
    margin-top: 19px;
    padding: 0 13px;

}



img.bk-2.prd-pg-2 {
    bottom: 20%;
}

img.bk-1.prd-pg-1 {
    right: -5%;
    bottom: 15%;
}

.product-bar-txt h5 {
    font-size: 23px;
}

.product-bar form {
    position: relative;
}

.product-bar {
    width: 95%;
    height: 100%;
}

.range-bg-space {
    padding: 25px;
    border-radius: 5px;
    background-color: #f3f3f3;
}

.grid-view {
    position: relative;
    display: inline-block;
}

.grid-view .tooltip {
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: #bd0d0d;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.grid-view:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.grid-view .tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #bd0d0d transparent transparent transparent;
}

.range-slider {
    width: 100%;
    margin-top: 46px;
    position: relative;
}

.range-slider input {
    border: none;
}

.left-side-one {
    width: 55px;
}

.show-top {
    gap: 10px;
    display: flex;
    font-size: 14px;
    margin-top: 50px;
    font-weight: 500;
    align-items: center;
    justify-content: flex-start;
}

.range-slider .rangeValues {
    width: 100%;
    display: block;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 500;
    color: #313131;
}

/* The custom fill track (the black part between the thumbs) is created using a pseudo-element on the parent */
.range-slider::before {
    content: '';
    height: var(--track-height);
    background: var(--black);
    /* Black color for the active range */
    position: absolute;
    top: 25px;
    /* Adjust to center vertically */
    left: 0;
    right: 0;
    z-index: 1;
    /* Use custom properties updated by JS to control the black fill width and position */
    left: var(--min-val);
    right: calc(100% - var(--max-val));
}

/* The overall light gray track (unselected area) */
.slider-track {
    position: absolute;
    top: 25px;
    /* Center vertically */
    width: 100%;
    height: var(--track-height);
    background: var(--secondary-color);
    /* Light gray for inactive range */
    border-radius: 3px;
    z-index: 0;
}

.range-slider input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    position: absolute;
    left: 0;
    border: none;
    padding: 0;
    height: var(--track-height);
    top: 25px;
 
    margin: 0;
    background: none;

    pointer-events: none;

    z-index: 3;
    
}


.range-slider input[type=range]::-webkit-slider-runnable-track {
    background: transparent;
    height: var(--track-height);
    border: none;
}

.range-slider input[type=range]::-moz-range-track {
    background: transparent;
    height: var(--track-height);
    border: none;
}


.range-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: var(--thumb-size);
    width: var(--thumb-size);
    border-radius: 50%;
    background: var(--primary-color);
    cursor: pointer;
    position: relative;
    z-index: 4;
    
    pointer-events: all;
  
    margin-top: calc((var(--thumb-size) - var(--track-height)) / -2);
   
}

.range-slider input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    height: var(--thumb-size);
    width: var(--thumb-size);
    border-radius: 50%;
    background: var(--primary-color);
    cursor: pointer;
    z-index: 4;
    pointer-events: all;
    border: none;
}


.range-slider .rangeValues {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-color);
    position: relative;
    z-index: 5;
    top: -20px;
}

.value-popup {
    position: absolute;
    top: -10px;
    background-color: var(--primary-color);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;

    transition: left 0.1s ease;
}

.value-popup::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #8d7766;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}


.range-bg-space h5 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}


.product-bar1 a {
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 35px;
    border-bottom: 1px solid #d3d4d7;
    margin-bottom: 16px;
    padding-bottom: 10px;
    padding-left: 10px;
    transition: 0.5s;
    font-weight: 600;
    font-family: "Montserrat", serif;
}
.product-bar1 {
    padding: 20px;
    border-radius: 5px;
    background-color: #f3f3f3;
    box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.07);
}

.product-bar1 h5 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}
.product-bar1 a:hover {
    padding-left: 25px;
    color: #8d7766;
    font-weight: 700;
}

.confidence-in-every-strand-sec.inner {
    margin-bottom: 100px;
}



.grid-view>a {
    font-size: 19px;
    width: 25px;
    height: 25px;
    transform: rotate(90deg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ff7f00;
    overflow: hidden;
    transition: ease-in-out;
    transition-duration: 0.2s;
}

.pro-grid-view .w-full {
    width: 50%;
}

.pro-grid-view .w-full {
    width: 50%;
}

.grid-view>a:hover {
    color: var(--white);
    transition: ease-in-out;
    transition-duration: 0.2s;
}

.collection-side .premium-products-silder-items {
    margin: 20px 0;
}

.grid-view p {
    color: #ff7f00;
}

.grid-view:hover .grid-view-badge {
    display: block;
}

.grid-view-badge {
    position: absolute;
    top: -40px;
    left: 0;
    padding: 10px;
    background: #ff7f00;
    border-radius: 5px;
    z-index: 9;
    display: none;
}

.grid-view-badge::before {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 20px;
    height: 10px;
    background-color: #ff7f00;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.grid-view-badge h6 {
    font-size: 12px;
    line-height: 1;
    color: var(--white);
    font-family: 'Poppins';
    font-weight: 600;
    margin: 0;
}

.large-grid-view-class .col-lg-4 {
    width: 50%;
}

.list-view-class .col-lg-4 {
    width: 100%;
}

.row.product-grid.grid-view-class .col-lg-4 {
    width: 33%;
}

.view-grid1 {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 18px;
}

.view-grid1 a i {
    color: #3c454e;
}
.view-grid1 a i:hover {
    color: #bd0d0d;
}
.range-slider {
    width: 100%;
    margin-top: 30px;
    position: relative;
}

.slider-track {
    position: absolute;
    top: 35px;
    width: 100%;
    height: 6px;
    background: #e5e7eb;
    border-radius: 3px;
    z-index: 1;
}

.range-slider input[type="range"] {
    position: absolute;
    top: 30px;
    width: 100%;
    -webkit-appearance: none;
    background: transparent;
    z-index: 2;
}

.range-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    background: black;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -6px;
}

.value-popup {
    position: absolute;
    top: 0;
    background: #8d7766;
    color: white;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
}

.show-top {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
    font-size: 14px;
    color: #6b7280;
}

/* Filled bar between thumbs */
.range-slider::before {
    content: '';
    position: absolute;
    height: 6px;
    top: 35px;
    background: black;
    border-radius: 3px;
    z-index: 1;
}


.range-slider input::-webkit-slider-thumb {
    background: #8d7766 !important; 
}

section.collection-side .shipsol_main {

    margin-top: 40px;
}

/* Inner Products Ends */


/*Frequently Asked Question Start*/


.frequently-asked-question-sec.inner {
    margin: 0 0;
    padding: 80px 0;
}
.frequently-asked-question-sec.inner .frequently-asked-question-box {
    background: none !important;
}
.frequently-asked-question-sec.inner .accordion-item {
   
    background: #f2f2f2;
}
.frequently-asked-question-sec.inner .accordion-button {
    background: #f2f2f2;
}
.frequently-asked-question-sec.inner .frequently-asked-question-box h2 {
    font-size: 60px;
    text-align: center;
    color: #000;
}
.frequently-asked-question-sec.inner  .accordion {
    margin-top: 40px;
}


.frequently-asked-question-sec .row.back {
    box-shadow: 0 0 5px 0 #0000003d;
    border-radius: 15px;
    background: #ffff;
    position: relative;
    z-index: 999;
}
.frequently-asked-question-sec .frequently-asked-question-box {
    background: #255878;
    padding: 30px 30px;
    border-radius: 15px;
}

.frequently-asked-question-sec .frequently-asked-question-box h2 {
    font-size: 28px;
    text-align: center;
    color: #fff;
    line-height: 40px;
}

.frequently-asked-question-sec .accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-top: 20px;
    border-radius: 15px !important;
}

.frequently-asked-question-sec .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    padding: 15px 20px;
    border-radius: 15px !important;
}

.frequently-asked-question-sec .accordion-button:not(.collapsed) {
    color: #000;
    background-color: inherit;
    box-shadow: inherit;
}

.frequently-asked-question-sec .accordion-body {
    padding: 0 20px 20px;
    color: #7c7c7c;
    font-weight: 600;
    font-size: 14px;
}

.frequently-asked-question-sec .accordion-button:focus {
    z-index: 3;
    border-color: inherit;
    outline: 0;
    box-shadow: inherit;
}

.frequently-asked-question-sec .accordion-button::after {
    background-image: inherit !important;
    right: 15px;
    content: "\f067";
    position: absolute;
    font-weight: 900;
    top: 15px;
    left: 0;
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    color: #000;
}

.were-Here-Help-form h2 {
    font-size: 35px;
    text-align: center;
}

.were-Here-Help-form {
    padding: 30px 20px;
    border-radius: 15px;
}

.frequently-asked-question-sec .accordion-button:not(.collapsed)::after {
    background-image: inherit !important;
    transform: inherit;
    content: "\f068";
}

.were-Here-Help-form input {
    width: 100%;
    height: 58px;
    border: 1px solid #cdcdcd;
    margin-bottom: 15px;
    padding: 0 20px;
    border-radius: 50px;
    color: #575757;
    font-weight: 600;
}

.were-Here-Help-form select {
    width: 100%;
    height: 58px;
    border: 1px solid #cdcdcd;
    padding: 0 20px;
    border-radius: 50px;
    color: #616161;
    font-weight: 600;
}

.were-Here-Help-form form {
    margin-top: 15px;
}

.were-Here-Help-select {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.were-Here-Help-select-icon {
    position: absolute;
    right: 20px;
    pointer-events: none;
}

.were-Here-Help-form textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #cdcdcd;
    padding: 15px 20px;
    border-radius: 30px;
    color: #575757;
    font-weight: 600;
    resize: none;
    margin-bottom: 15px;
}
.were-Here-Help-btn button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 58px;
}

.frequently-asked-question-sec {
    margin-top: 80px;
    margin-bottom: -50px;
}


/*Frequently Asked Question Ends*/

/*Inner Resources Start*/



.inner-resources-sec {
    padding: 100px 0;
    display: flex
;
    align-items: center;
}
.inner-resources-part-one img {
    width: 344px;
    height: 463px;
    object-fit: contain;
}
.inner-resources-images img {
    width: 100%;
}
.inner-resources-images {
    width: 100%;
}
.inner-resources-images img {
    width: 100%;
    height: 310px;
    object-fit: cover;
    border-radius: 8px;
}
.inner-resources-text h2 {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 600;
    font-family: "robofan", sans-serif;
}
.inner-resources-text ul {
    display: flex
;
    align-items: center;
    gap: 15px;
}
.inner-resources-text ul li span {
    border: 1px solid #b6b6b6;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: #08298d;
    border-radius: 50%;
}
.inner-resources-text ul li a {
    display: flex
;
    align-items: center;
    gap: 15px;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #666666;
}
.inner-resources-text {
    /* position: absolute; */
    right: 0;
    background: #fff;
    padding: 40px 28px;
    border-radius: 8px;
    width: 100%;
    box-shadow: 0 0 5px 0 #00000029;
}
.inner-resources-part-one {
    position: absolute;
    right: 0;
}

.inner-resources-detail-text ul li a {
    display: flex
;
    align-items: center;
    gap: 10px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #666666;
    font-weight: 600;
}
.inner-services-images img {
    width: 100%;
    height: 478px;
    object-fit: cover;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.inner-resources-box {
    position: relative;
    /* display: flex
; */
    align-items: center;
}
.inner-resources-text h2 span {
    display: block;
}
.inner-resources-text h2 {
    line-height: 25px;
    margin-bottom: 10px;
}


/*Inner Resources Center Ends */


    .inner-banner-box h2 {
        display: grid;
    }

    section.blogs-details {
        padding: 100px 0;
    }

    .blogs-img-text ul li i {
        color: #000000;
        font-size: 20px;
        margin-right: 10px;
        font-family: "Font Awesome 5 Free";
    }

    .blogs-img-text ul {
        /* display: flex; */
        align-items: center;
        gap: 40px;
        padding-top: 0px;
    }

    .blogs-img-text h5 {
        font-size: 40px;
        margin-top: 5px;
        color: #000000;
        text-transform: uppercase;
        font-weight: 700;
    }

    .blogs-img-text p {
        font-weight: 500;
        font-size: 14px;
        color: #000;
        line-height: 32px;
        text-align: justify;
        padding: 0px 0;
    }

    .search a {
        width: 100px;
        height: 51px;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 17px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: #003366;
        color: #fff !important;
    }

    .search {
        position: relative;
        display: flex;
    }

    .search input {
        border: 1px solid #e1e1e1;
        width: 100%;
        padding: 12px 10px;
        border-radius: 10px 0px 0px 10px;
    }

    .blog-categories h4 {
        font-weight: 700;
        font-size: 23px;
        margin-top: 30px;
        padding-bottom: 5px;
        position: relative;
        color: #000;
        text-transform: uppercase;
    }

    .blog-categories h4:before {
        /* content: ''; */
        /* position: absolute; */
        /* width: 58px; */
        /* height: 2px; */
        /* background: #c61414; */
        /* bottom: 0; */
        /* transition: .5s ease-in-out; */
    }

    .blog-categories a {
        display: block;
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        padding: 10px 0;
        border-bottom: 1px solid #e1e1e1;
    }

    .blog-categories p {
        font-weight: 500;
        color: #646464;
        font-size: 14px;
    }

    .postss {
        border-bottom: 1px solid #000;
        padding: 15px 0;
        margin-top: 0;
    }

    .postss i {
        color: #000000;
        font-size: 18px;
        margin-right: 10px;
    }

    .postss h6 {
        font-weight: 400;
        font-size: 16px;
        color: #676767;
        margin-bottom: 0;
        margin-top: 4%;
        text-transform: uppercase;
        font-family: 'Montserrat';
    }

    .blog-categories {
        padding: 0 0px;
    }

    .blogs-img-text img {
        width: 100%;
        border-radius: 10px;
        height: 550px;
        object-fit: cover;
        margin-bottom: 40px;
    }

    .postss p {
        /* font-weight: 700; */
        color: #000;
        font-size: 12px;
        /* text-transform: capitalize; */
        line-height: 23px;
        /* font-family: 'Rajdhani'; */
        text-align: left;
    }

    .postss ul {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .postss ul li p {
        margin-bottom: 0;
    }

    .search button {
        /* position: absolute; */
        right: 0;
        border: none;
        height: 50px;
        width: 130px;
        background: rgb(6, 36, 125);
        font-size: 15px;
        border-radius: 0px 10px 10px 0px;
        padding: 0;
        text-transform: uppercase;
        color: #fff;
    }

    .blog-categories h4:hover:before {
        width: 100%;
        background: #78b921;
    }

    .postss img {
        width: 180px;
        height: 78px;
        object-fit: cover;
        border-radius: 10px;
    }

    .black {
        color: #000;
        font-weight: 600;
    }

    ul.location-list {
        display: flex;
        align-items: center;
        gap: 20px;
        margin: 10px 0;
    }

    ul.location-list li {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .job-det-left-box ul p {
        margin: 0;
    }

    ul.location-list li {
        position: relative;
        z-index: 1;
    }

    ul.location-list li::before {
        position: absolute;
        top: 50%;
        left: -10px;
        transform: translateY(-50%);
        width: 3px;
        height: 3px;
        background: #000;
        content: '';
    }


    ul.location-list li:nth-child(1)::before {
        background: #0000;
    }


    ul.require-list h6.montserrat {
        color: #a6a6a6;
        text-transform: uppercase;
    }


    ul.skills-list {
        display: flex;
        align-items: center;
        gap: 10px;
    }


    ul.skills-list li {
        position: relative;
        z-index: 1;
    }

    ul.skills-list li::before {
        color: #87ccec;
        position: absolute;
        top: 0;
        left: -6px;
        transform: translateY(-50%);
        font-size: 15px;
        width: 0;
        height: 0;
        background: #87ccec;
        content: ',';
        bottom: 0;
    }

    ul.skills-list li:nth-child(1)::before {
        display: none;
    }

    ul.social-list {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    ul.social-list li a {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #929292;
        border-radius: 50%;
    }

    ul.social-list li a i {
        color: #929292;
    }

    ul.company-list {
        gap: 10px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    ul.company-list p {
        padding: 5px 20px;
        background: #e8eff0;
        border-radius: 20px;
        color: #000;
        text-transform: capitalize;
        font-size: 12px;
    }

    .company-intro-text {
        margin: 30px 0 20px 0;
    }

    .company-intro-text p {
        margin: 0 0 10px 0;
        text-transform: uppercase;
    }

    .job-det-left-box h4 {
        margin: 50px 0 10px 0;
    }

    ul.require-list li {
        padding-left: 10px;
        position: relative;
    }

    ul.require-list li::before {
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
        width: 3px;
        height: 3px;
        background: #7d7d7d;
        content: '';
        border-radius: 50%;
    }


    ul.location-list1 li p {
        margin: 0;
    }

    ul.location-list li::before {
        background: #7d7d7d;
    }

    ul.location-list li i {
        color: #7d7d7d;
    }

    .job-det-left-box {
        width: 90%;
        position: relative;
        z-index: 1;
    }

    .job-det-left-box::before {
        position: absolute;
        top: 0;
        right: -10%;
        width: 1px;
        height: 100%;
        background: #ebebeb;
        content: '';
    }

    a.job-det-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 150px;
        justify-self: center;
        border-radius: 50%;
        height: 150px;
        box-shadow: 0 0 19px 2px #00000024;
    }

    a.job-det-logo img {
        width: 110px;
        height: 100px;
    }

    .job-det-right-box ul {
        justify-content: center;
    }

    a.apply-button {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 0;
        width: 100%;
        border-radius: 5px;
        background-color: #87ccec;
        margin: 20px 0;
    }

    a.save-button {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 0;
        width: 100%;
        border-radius: 5px;
        box-shadow: 0 0 19px 2px #00000024;
        margin: 20px 0;
    }

     .blogs-img-text h4 {
        font-size: 23px;
        margin-top: 35px;
        font-weight: 600;
    }
    .blogs-img-text ul li {
    font-size: 14px;
    list-style: disc;
    margin-bottom: 8px;
    margin-left: 19px;
}

.inner-services-heading h2 {
    font-size: 22px;
    margin-bottom: 0;
}
.inner-services-heading {
    text-align: center;
    background: #0051bc;
    padding: 18px 0;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.inner-services-box {
    position: relative;
}
.inner-services-heading h2 {
    color: #fff;
}

.inner-services-detail-sec {
    padding: 20px 0 100px;
}
.inner-services-detail-images img {
    width: 100%;
    height: 495px;
    object-fit: cover;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.inner-services-detail-heading h2 {
    font-size: 22px;
    margin-bottom: 0;
    background: #0051bc;
    padding: 12px 20px;
    border-radius: 8px;
    color: #fff;
}
.inner-services-detail-images {
    position: relative;
}
.inner-services-detail-heading {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.inner-services-detail-text {
    margin-top: 25px;
}


/*Inner Pages Ends */

.nav ul li:last-child a {
    /* color: #fff; */
}

.header.sticky {
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding: 10px 0px;
    box-shadow: 2px 5px 10px -4px #00000061;
    transition: 0.9s;
    z-index: 999;
    visibility: visible !important;
}
.faq_heading h3 {
    font-size: 25px;
    color: #c7001a;
}
.footer-lets-talk-box h3 {
    color: #fff;
    font-size: 31px;
}
.ft-btns {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 24px;
}
.footer-bottom-link h2 {
    color: #fff;
    font-size: 25px;
    border-bottom: 1px solid #fff;
    width: fit-content;
    padding-bottom: 9px;
    margin-bottom: 30px;
}

.footer-bottom-link {
    padding: 0px 59px;
}

.footer-bottom-link.contect-footer ul li {
    margin-bottom: 26px;
}

.footer-bottom-link.contect-footer ul li a {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.footer-bottom-link.contect-footer ul li a i {
    margin-top: 7px;
    color: #bf0018;
}

.footer-bottom-link ul li {
    margin-bottom: 8px;
}
.footer-bottom-sec .banner-social-link {
    position: unset;
    margin-top: 12px;
}

.footer-bottom-sec .banner-social-link ul li:after {
    display: none;
}

.footer-bottom-sec .banner-social-link ul {
    gap: 12px;
}
.footer-bottom-logo h3 {
    color: #fff;
}

.banner-social-link h3 {
    color: #fff;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 9px;
    margin-bottom: 20px;
    width: fit-content;
}
.ser-boxs-box h2 {
    font-size: 41px;
    font-weight: 800;
    color: #ce0f0f;
}

.ser-boxs-box h3 {
    font-size: 23px;
    font-weight: 800;
    margin-bottom: 20px;
}

.ser-boxs-box {
    border: 8px solid #0f277c;
    border-radius: 20px;
    padding: 16px 15px;
    height: 345px;
}

.boxs-sec.sec .row {
    justify-content: center;
}
section.testimonial.sec .heading h2 {
    color: #132c8c;
    font-weight: 800;
    margin-bottom: 28px;
}

section.testimonial.sec .heading h3 {
    font-size: 30px;
}

ul.stars-list {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-top: 20px;
}

ul.stars-list li i {
    color: #b80e20;
    font-size: 16px;
}
.img-services img {
    width: 100%;
    border-radius: 20px;
    height: 390px;
    object-fit: cover;
}

.service-main-sec .built-on-reliability-text h2 {
    font-size: 47px;
    padding-bottom: 16px;
}

.service-main-sec .built-on-reliability-text {
    margin-top: unset;
    padding-left: 10px;
}
.service-main-sec .row {
    align-items: center;
}
.service-main-sec .built-on-reliability-text a {
    text-decoration: underline;
    font-weight: 500;
    color: #c7001a;
}
.service-heading h2 {
    font-weight: 800;
    color: #c7001a;
    font-size: 72px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    line-height: 80px;
    margin-bottom: 12px;
}

.service-heading h3 {
    font-size: 48px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    text-transform: capitalize;
}

.service-heading {
    margin-bottom: 46px;
}
.what-we-offer-sec .heading h2 {
    color: #fff;
}

.what-we-offer-sec .heading p {
    color: #fff;
}

.what-we-offer-sec .heading {
    margin-bottom: 30px;
}
.what-we-offer-sec .shipsol_main_txt h3 {
    color: #fff;
    font-size: 19px;
}
.map-main-box iframe {
    width: 100%;
    height: 570px;
}

.map-main-sec {
    padding-bottom: 100px;
}
.service-main-sec {
    padding-bottom: 60px;
}
.inner-offer-main-sec {
    padding: 90px 0px 90px !important;
}
.ser-boxs-box h2 a {
    color: #ce0f0f;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
.nav ul li a {
    padding: 10px 11px;
}
.nav ul li a {
    padding: 10px 11px;
}

.ser-boxs-box h2 {
    font-size: 31px;
}

.ser-boxs-box h3 {
    font-size: 16px;
}
.footer-bottom-link {
    padding: 0px 45px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
.ser-boxs-box h2 {
    font-size: 27px;
}

.ser-boxs-box h3 {
    font-size: 19px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 519px) {}

@media only screen and (min-width: 0px) and (max-width: 299px) {}


.inner-banner-sec.about-banner {
    background-image: url(../images/about-banner.jpg);
    position: relative;
    z-index: 1;
}

.inner-banner-sec::before {
    position: absolute;
    content: '';
    background: #0f277c9e;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}
.inner-banner-heading p {
    color: #fff;
    font-size: 16px;
}

.inner-banner-heading a.theme-btn-1 {
    margin: 0 auto;
}

.team-image img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto;
}

.team-image {
    text-align: center;
}

.text-team h3 {
    font-size: 18px;
    text-align: center;
    color: #c7001a;
    margin-bottom: 4px;
}

.text-team h5 {
    font-size: 15px;
    text-align: center;
    text-transform: capitalize;
}

.text-team {
    margin-top: 30px;
}

.text-team p {
    text-align: center;
}

.team-main-box {
    padding: 30px 20px;
    border-radius: 10px;
    box-shadow: 2px 0px 10px 10px #00000024;
}
.team-main-sec .row {
    justify-content: center;
}
.team-main-sec {
    padding: 30px 0px 90px;
}
.service-area-text ul li {
    border: 1px solid #c7001a;
    width: fit-content;
    padding: 16px 20px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 500;
    width: 210px;
    justify-content: center;
    margin-bottom: 20px;
}
.main-map iframe {
    width: 100%;
    border-radius: 10px;
}

.map-sec {
    padding: 90px 0px;
}
.footer-top-background-images {
    position: relative;
}

.footer-top-background-images::before {
    position: absolute;
    content: '';
    background: rgb(14 59 195 / 64%);
    width: 100%;
    height: 100%;
}

.service-area-text ul {/* display: flex; *//* justify-content: space-evenly; */column-count: 4;}

.service-inner-sec .service-heading h2 {
    font-size: 54px;
    line-height: 69px;
}
.service-inner-sec .service-heading h3 {
    font-size: 19px;
}
.service-inner-sec {
    padding: 90px 0px;
}
.shipsol_main_txt a.theme-btn-1 {
    margin: 0 auto;
    margin-top: 19px;
}
.sub-heading-inner-services h2 {
    font-size: 28px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    width: fit-content;
    text-align: center;
    padding: 30px 30px;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
}

.service-inner-sec .shipsol_main {
    margin-bottom: 30px;
}
.service-main-sec.services-pg-sec {
    padding: 90px 0px;
}
.service-inner-sec .shipsol_main_txt h3 {
    height: 58px;
    display: grid;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.servicespg-banner {
    background-image: url(../images/services-banner.jpg);
    position: relative;
    z-index: 1;
}
.catergory-pg-one-banner {
    background-image: url(../images/category-banner-img.jpg);
    position: relative;
    z-index: 1;
}
.sub-heading-inner-services {
    text-align: center;
    display: flex;
    justify-content: center;
}
.sub-heading-inner-services h2 a {
    color: #fff;
}

.catergory-pg-two-banner {
    background-image: url(../images/category2-banner.webp);
    position: relative;
    z-index: 1;
}
.catergory-pg-three-banner {
    background-image: url(../images/categorythree-banner-img.jpg);
    position: relative;
    z-index: 1;
}

.catergory-pg-four-banner {
    background-image: url(../images/category-four-banner.webp);
    position: relative;
    z-index: 1;
    background-position: bottom;
}

.inner-service-banner {
    background-image: url(../images/service-1-banner.jpg);
    position: relative;
    z-index: 1;
    background-position: center;
}
.solves-main-sec .services-detail-text {
    border: 2px solid rgb(206, 15, 15);
    border-radius: 20px;
    padding: 40px 30px;
    margin-bottom: 40px;
}

.solves-main-sec h2 {
    font-size: 35px;
    line-height: 50px;
}

.solves-main-sec .row {
    justify-content: center;
}
ul.pagination {
    justify-content: center;
}
.inner-resources-sec {
    display: block;
}

ul.pagination {
    margin-top: 50px;
}
.btn-blog {
    display: flex;
    justify-content: space-between;
}
.blog-inner-banner {
    background-image: url(../images/blog-banner.jpg);
    position: relative;
    z-index: 1;
    background-position: center;
}
.contact-banner {
  background-image: url(../images/contact-banner.jpg);
    position: relative;
    z-index: 1;
    background-position: center;
}
.city-box {
    border-radius: 34px;
    padding: 13px 30px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    transition: all 0.4s ease;
    height: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    gap: 13px;
    background-image: -webkit-linear-gradient(-90deg, rgb(139, 7, 7) 0%, rgb(206, 15, 15) 94%);
    width: fit-content;
    gap: 10px;
}
.city-box h6 {
    color: #fff;
    font-size: 18px;
    margin-bottom: unset;
}
.cities-grid {
    /* row-gap: 30px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
span.city-icon i {
    font-size: 19px;
    margin-bottom: 15px;
    color: #fff;
    margin-bottom: 0px;
}


div#map {
    width: 100%;
    height: 450px;
}
img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
    width: 30px !important;
    height: 30px !important;
}
.header-areas {
    text-align: center;
    margin-bottom: 40px;
}

.resources-banner{
  background-image: url(../images/resources-detail-banner.jpg);
    position: relative;
    z-index: 1;
    background-position: center;

}

.request-inner-banner{
  background-image: url(../images/request-banner.jpg);
    position: relative;
    z-index: 1;
    background-position: center;

}