/*Template: Getup Web Design & Digital Marketing Agency HTML5 Template
Author: Rajesh-Doot
File Description: Main CSS file of the template*/

html {
    scroll-behavior: smooth;
}


/*scrollbar theme*/

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb:hover {
    background: #cacaca;
}

::-webkit-scrollbar-thumb {
    background: #b5b5b5;
    border-radius: 100px;
}


/*right click selection css*/

::-moz-selection {
    background: rgb(255 226 217 / 50%);
}

::selection {
    background: rgb(255 226 217 / 50%);
}


/*universal css*/

* {
    -webkit-font-smoothing: antialiased;
    -moz-os-font-smoothing: grayscale;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
    vertical-align: baseline;
}

body {
    font-family: "Roboto", sans-serif;
    color: #52525d;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    font-size: 19px;
    outline: none;
    overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    color: #30303c;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    padding: 0;
    margin: 0;
}

a {
    color: #30303c;
    text-decoration: none;
    background-color: transparent;
}

ul {
    list-style: none;
}

a:hover {
    text-decoration: none;
    color: initial;
}

button:focus {
    outline: none !important;
}

.animation,
.ree-btn-grdt1,
.ree-btn-grdt1:hover,
.sticky,
.ree-header,
a.menu-links,
.dskt-logo,
.ree-btn-grdt2,
.half-blog-card,
.setps,
.whatsapp-bg,
.ree-btn,
a,
.ree-media-crd,
button,
.stats-box,
.img-hor,
.img-hover img,
.mini-header-bar {
    -webkit-transition: 1.1s cubic-bezier(0.16, 0.84, 0.442, 0.98);
    -o-transition: 1.1s cubic-bezier(0.16, 0.84, 0.442, 0.98);
    transition: 1.1s cubic-bezier(0.16, 0.84, 0.442, 0.98);
}

.text-bold {
    font-weight: bold;
}

.text-normal {
    font-weight: normal;
}

.text-light {
    font-weight: lighter;
}

.vcenter {
    align-items: center;
    align-self: center;
}


/**help css**/

.h1a {
    font-size: 50px;
    line-height: 62px;
    font-weight: bold;
    font-weight: 700;
}

h1.h1 {
    font-size: 60px;
    line-height: 72px;
    font-weight: bold;
    font-weight: 700;
}

.h1 {
    font-size: 45px;
    line-height: 57px;
    font-weight: 700;
}

h1 {
    font-size: 45px;
    line-height: 57px;
    font-weight: 700;
}

h2 {
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
}

h3 {
    font-size: 34px;
    line-height: 46px;
    font-weight: 700;
}

h4 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
}

h5 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}

h6 {
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
}

p {
    font-size: 18px;
    line-height: 28px;
}

.ptb130 {
    padding-top: 130px;
    padding-bottom: 130px;
}

.ree-card {
    background: #fff;
    padding: 30px;
    border-radius: 14px;
    min-height: 100%;
    box-shadow: 0px 8px 24px #06346221 !important;
}

.h-light {
    font-weight: 500;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #30303c;
}

body .t-dark {
    color: #30303c;
}


/*margin top class*/

.mr5 {
    margin-right: 5px;
}

.m0 {
    margin: 0 !important;
}

html .mt0 {
    margin-top: 0px;
}

html .mt5 {
    margin-top: 5px;
}

html .mt10 {
    margin-top: 10px;
}

html .mt15 {
    margin-top: 15px;
}

html .mt20 {
    margin-top: 20px;
}

html .mt25 {
    margin-top: 25px;
}

html .mt30 {
    margin-top: 30px;
}

html .mt35 {
    margin-top: 35px;
}

html .mt40 {
    margin-top: 40px;
}

html .mt45 {
    margin-top: 45px;
}

html .mt50 {
    margin-top: 50px;
}

html .mt55 {
    margin-top: 55px;
}

html .mt60 {
    margin-top: 60px;
}

html .mt65 {
    margin-top: 65px;
}

html .mt70 {
    margin-top: 70px;
}

html .mt75 {
    margin-top: 75px;
}

html .mt80 {
    margin-top: 80px;
}

html .mt85 {
    margin-top: 85px;
}

html .mt90 {
    margin-top: 90px;
}

html .mt95 {
    margin-top: 95px;
}

html .mt100 {
    margin-top: 100px;
}

html .mt106 {
    margin-top: 105px;
}

html .mt110 {
    margin-top: 110px;
}

html .mt115 {
    margin-top: 115px;
}

html .mt120 {
    margin-top: 120px;
}

html .mt125 {
    margin-top: 125px;
}

html .mt130 {
    margin-top: 130px;
}

html .mt135 {
    margin-top: 135px;
}

html .mt140 {
    margin-top: 140px;
}

html .mt145 {
    margin-top: 145px;
}

html .mt150 {
    margin-top: 150px;
}


/*margin bottom class*/

html .mb0 {
    margin-bottom: 0px;
}

html .mb5 {
    margin-bottom: 5px;
}

html .mb10 {
    margin-bottom: 10px;
}

html .mb15 {
    margin-bottom: 15px;
}

html .mb20 {
    margin-bottom: 20px;
}

html .mb25 {
    margin-bottom: 25px;
}

html .mb30 {
    margin-bottom: 30px;
}

html .mb35 {
    margin-bottom: 35px;
}

html .mb40 {
    margin-bottom: 40px;
}

html .mb45 {
    margin-bottom: 45px;
}

html .mb50 {
    margin-bottom: 50px;
}

html .mb55 {
    margin-bottom: 55px;
}

html .mb60 {
    margin-bottom: 60px;
}

html .mb65 {
    margin-bottom: 65px;
}

html .mb70 {
    margin-bottom: 70px;
}

html .mb75 {
    margin-bottom: 75px;
}

html .mb80 {
    margin-bottom: 80px;
}

html .mb85 {
    margin-bottom: 85px;
}

html .mb90 {
    margin-bottom: 90px;
}

html .mb95 {
    margin-bottom: 95px;
}

html .mb100 {
    margin-bottom: 100px;
}

html .mb105 {
    margin-bottom: 105px;
}

html .mb110 {
    margin-bottom: 110px;
}

html .mb115 {
    margin-bottom: 115px;
}

html .mb120 {
    margin-bottom: 120px;
}

html .mb125 {
    margin-bottom: 125px;
}

html .mb130 {
    margin-bottom: 130px;
}

html .mb135 {
    margin-bottom: 135px;
}

html .mb140 {
    margin-bottom: 140px;
}

html .mb145 {
    margin-bottom: 145px;
}

html .mb150 {
    margin-bottom: 150px;
}


/*margin left class*/

html .ml5 {
    margin-left: 5px;
}

html .ml10 {
    margin-left: 10px;
}

html .ml15 {
    margin-left: 15px;
}

html .ml20 {
    margin-left: 20px;
}

html .ml25 {
    margin-left: 25px;
}

html .ml30 {
    margin-left: 30px;
}

html .ml35 {
    margin-left: 35px;
}

html .ml40 {
    margin-left: 40px;
}

html .ml45 {
    margin-left: 45px;
}

html .ml50 {
    margin-left: 50px;
}


/*margin right class*/

html .mr5 {
    margin-right: 5px;
}

html .mr10 {
    margin-right: 10px;
}

html .mr15 {
    margin-right: 15px;
}

html .mr20 {
    margin-right: 20px;
}

html .mr25 {
    margin-right: 25px;
}

html .mr30 {
    margin-right: 30px;
}

html .mr35 {
    margin-right: 35px;
}

html .mr40 {
    margin-right: 40px;
}

html .mr45 {
    margin-right: 45px;
}

html .mr50 {
    margin-right: 50px;
}


/*padding top class*/

html .pt0 {
    padding-top: 0px;
}

html .pt5 {
    padding-top: 5px;
}

html .pt10 {
    padding-top: 10px;
}

html .pt15 {
    padding-top: 15px;
}

html .pt20 {
    padding-top: 20px;
}

html .pt25 {
    padding-top: 25px;
}

html .pt30 {
    padding-top: 30px;
}

html .pt35 {
    padding-top: 35px;
}

html .pt40 {
    padding-top: 40px;
}

html .pt45 {
    padding-top: 45px;
}

html .pt50 {
    padding-top: 50px;
}

html .pt55 {
    padding-top: 55px;
}

html .pt60 {
    padding-top: 60px;
}

html .pt65 {
    padding-top: 65px;
}

html .pt70 {
    padding-top: 70px;
}

html .pt75 {
    padding-top: 75px;
}

html .pt80 {
    padding-top: 80px;
}

html .pt85 {
    padding-top: 85px;
}

html .pt90 {
    padding-top: 90px;
}

html .pt95 {
    padding-top: 95px;
}

html .pt100 {
    padding-top: 100px;
}

html .pt105 {
    padding-top: 105px;
}

html .pt110 {
    padding-top: 110px;
}

html .pt115 {
    padding-top: 115px;
}

html .pt120 {
    padding-top: 120px;
}

html .pt125 {
    padding-top: 125px;
}

html .pt130 {
    padding-top: 130px;
}

html .pt135 {
    padding-top: 135px;
}

html .pt140 {
    padding-top: 140px;
}

html .pt145 {
    padding-top: 145px;
}

html .pt150 {
    padding-top: 150px;
}


/*padding bottom class*/

html .pb0 {
    padding-bottom: 0px;
}

html .pb5 {
    padding-bottom: 5px;
}

html .pb10 {
    padding-bottom: 10px;
}

html .pb15 {
    padding-bottom: 15px;
}

html .pb20 {
    padding-bottom: 20px;
}

html .pb25 {
    padding-bottom: 25px;
}

html .pb30 {
    padding-bottom: 30px;
}

html .pb35 {
    padding-bottom: 35px;
}

html .pb40 {
    padding-bottom: 40px;
}

html .pb45 {
    padding-bottom: 45px;
}

html .pb50 {
    padding-bottom: 50px;
}

html .pb55 {
    padding-bottom: 55px;
}

html .pb60 {
    padding-bottom: 60px;
}

html .pb65 {
    padding-bottom: 65px;
}

html .pb70 {
    padding-bottom: 70px;
}

html .pb75 {
    padding-bottom: 75px;
}

html .pb80 {
    padding-bottom: 80px;
}

html .pb85 {
    padding-bottom: 85px;
}

html .pb90 {
    padding-bottom: 90px;
}

html .pb95 {
    padding-bottom: 95px;
}

html .pb100 {
    padding-bottom: 100px;
}

html .pb105 {
    padding-bottom: 105px;
}

html .pb110 {
    padding-bottom: 110px;
}

html .pb115 {
    padding-bottom: 115px;
}

html .pb120 {
    padding-bottom: 120px;
}

html .pb125 {
    padding-bottom: 125px;
}

html .pb130 {
    padding-bottom: 130px;
}

html .pb135 {
    padding-bottom: 135px;
}

html .pb140 {
    padding-bottom: 140px;
}

html .pb145 {
    padding-bottom: 145px;
}

html .pb150 {
    padding-bottom: 150px;
}

.sec-pad {
    padding-top: 80px;
    padding-bottom: 80px;
}

.shadows {
    -webkit-box-shadow: 0 19px 40px -10px #ffe0d2;
    box-shadow: 0 19px 40px -10px #ffe0d2;
}

.no-shadows {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.height-f {
    height: 100vh;
}


/*bg classes*/

body .r-bg-x {
    background: #fff;
}


/* body .r-bg-a {
    background: #f5f7f9;
} */

body .r-bg-b {
    background: #f07230;
}

body .r-bg-c {
    background: #f7f7f7;
}

body .r-bg-d {
    background: #ffdbca;
}

body .r-bg-e {
    background: #5a428e;
}

body .r-bg-f {
    background: #452650;
}

.ree-text1 {
    background: #f07230;
    border-radius: 4px;
    padding: 0 4px;
    color: #fff;
}


/*for font highlights*/

.ree-text,
.rt40,
.rt60 {
    position: relative;
    z-index: 5;
}


/* .ree-text:after {
  content: "";
  position: absolute;
  background: #ff5b2e;
  right: 0;
  left: 0;
  height: 10px;
  z-index: -5;
} */

.rt40:after {
    bottom: 10px;
}

.rt45:after {
    bottom: 13px;
}

.rt60:after {
    bottom: 18px;
}

.ct-sol-img,
.sol-img,
.sol-image {
    border-radius: 14px;
    overflow: hidden;
    width: fit-content;
    margin: 0 auto;
}

.roww {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.underline {
    text-decoration: underline;
}


/*button css*/

.fb-bigon {
    font-size: 20px;
    margin-right: 8px;
}

.whatsapp-bg {
    background: #4ee464;
    border: 1px solid #4ee464;
    -webkit-box-shadow: 0 19px 40px -10px rgb(78 228 100 / 30%);
    box-shadow: 0 19px 40px -10px rgb(78 228 100 / 30%);
}

.ree-btn.whatsapp-bg:hover {
    background: #fff;
    color: #110a32;
    border: 1px solid #110a32;
}

.ree-btn0 {
    line-height: 48px !important;
}

.ree-btn:hover {
    color: #fff;
}

.ree-btn2 {
    font-size: 18px;
    color: #fff;
    border-radius: 14px;
    display: inline-block;
    line-height: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
}

.ree-btn {
    font-weight: 500;
    font-size: 17px;
    color: #fff;
    border-radius: 4px;
    padding: 0 20px;
    display: inline-block;
    line-height: 60px;
    white-space: nowrap;
}

.ree-btn-round {
    border-radius: 100%;
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 0;
}

.ree-btn-grdt1:hover {
    background: #fff;
    color: #f07230;
    -webkit-box-shadow: 0 19px 40px -10px #ffe0d2;
    box-shadow: 0 19px 40px -10px #ffe0d2;
    border: 1px solid #f07230;
}

.ree-btn-grdt1 {
    border: 1px solid #f07230;
    background: #f07230;
    -webkit-box-shadow: 0 19px 40px -10px #ffe0d2;
    box-shadow: 0 19px 40px -10px #ffe0d2;
}

.ree-btn-grdt2:hover {
    background: #f07230;
    border: 1px solid #f07230;
}

.ree-btn-grdt2 {
    background: #fff;
    color: #f07230;
    border: 1px solid #f07230;
    -webkit-box-shadow: 0 19px 40px -10px #ffe0d2;
    box-shadow: 0 19px 40px -10px #ffe0d2;
}

.contact-btn:hover {
    background: #0c3966 !important;
    color: #fff !important;
    box-shadow: none !important;
    border: 1px solid transparent !important;
}

.btn-sets {
    display: flex;
}

.vid-btntitl {
    display: flex;
}

.vide-btntitl {
    margin-left: 10px;
}


/*header*/

.ree-header.sticky .dskt-logo {
    float: left;
    line-height: 70px;
}

.ree-header.sticky {
    background: #fff;
}

.ree-header.sticky,
.ree-header.sticky .menu-header {
    height: 80px;
}

.ree-header.sticky .ree-btn,
.ree-header.sticky .ree-btn-grdt1 {
    box-shadow: none;
}

.sticky .nav-list li a.menu-links {
    line-height: 70px !important;
}

.ree-header {
    padding: 0 20px;
    height: 85px;
    z-index: 9995;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 74px;
}

.dskt-logo {
    float: left;
    line-height: 85px;
}

.dskt-logo .nav-brand img {
    max-height: 75px;
}

.ree-nav .nav-list li a.menu-links {
    font-size: 16px;
    color: #08182b;
    font-weight: 400;
    padding: 0px 15px;
    line-height: 85px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}

.ree-nav .nav-list li a.menu-links.active {
    color: #f07230;
    font-weight: 600;
}

.ree-nav .nav-list li a.menu-links::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background: #08182b2e;
    top: 35px;
    right: 0;
    transition: none;
}

.ree-nav .nav-list li:last-child a.menu-links::before {
    background: transparent;
}

.header-bhv.ree-header.fixed-top.sticky .ree-nav .nav-list li a.menu-links::before {
    top: 27px;
}

.ree-nav .nav-list li {
    display: inline-flex;
}

.owl-carousel .owl-item img {
    display: block;
    max-width: 100%;
    width: inherit;
    text-align: center;
    margin: 0 auto;
    height: 520px;
    object-fit: contain;
}

.marketplace-btn {
    box-shadow: none;
}

.marketplace-btn:hover {
    background: #073562 !important;
    color: #fff !important;
    border: 1px solid transparent;
    box-shadow: none;
}


/*home-hero-a*/

.home-hero-a {
    position: relative;
    height: 100vh;
    align-items: center;
    display: grid;
}

.hero-brand-block {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 10px;
}

.hero-content-a>p {
    font-size: 21px;
    line-height: 31px;
}

.home-hero .owl-nav {
    z-index: 11;
    position: relative;
}

.home-hero .owl-nav button {
    width: 40px;
    height: 40px;
    background: #ff947626 !important;
    font-size: 14px !important;
    border-radius: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    line-height: 40px !important;
    transition: all 0.4s ease;
}

.home-hero .owl-nav button i {
    color: #ff5b2e;
    transition: all 0.4s ease;
}

.home-hero .owl-nav button:hover {
    background: #ff5b2e !important;
}

.home-hero .owl-nav button:hover i {
    color: #fff;
}

.home-hero .owl-nav .owl-prev {
    left: 50%;
    margin-left: -112px;
}

.home-hero .owl-nav .owl-next {
    right: 50%;
    margin-right: -112px;
}


/* Hero Animations */

.owl-item.active .hero-content-x .mb10.ree-tt {
    animation: fadeInLeft 1s both 1.2s;
}

.owl-item.active .hero-content-x h1 {
    animation: fadeInRight 1s both 1.2s;
}

.owl-item.active .hero-content-x p {
    animation: fadeInLeft 1.2s both 1.4s;
}

.owl-item.active .hero-content-x .ree-btn {
    animation: fadeInUp 1.4s both 1.6s;
}


/*home-about*/

.fa-btn {
    font-size: 11px;
    margin-left: 4px;
    display: inline-block;
    position: relative;
    top: -2px;
}

.sub-heading {
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    display: block;
    color: #f07230;
    text-transform: uppercase;
}

.company-budges {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.img-budges {
    padding: 0 20px;
    width: 33.333%;
    text-align: center;
}

.company-stats {
    padding-left: 5%;
}

.stats-box h3 {
    font-size: 40px;
    font-weight: 700;
}

.stats-box p {
    font-size: 18px;
}

.stats-box:hover {
    -webkit-box-shadow: 0 10px 15px 0px rgb(241 99 52 / 10%);
    box-shadow: 0 10px 15px 0px rgb(241 99 52 / 10%);
}

.stats-box {
    border-radius: 14px;
    padding: 40px 30px;
    min-height: 320px;
    background-color: #fff;
}


/*home servies*/

.home-services .ree-card {
    min-height: 330px;
    background-color: #fff;
}

.ree-card {
    background: #fff;
    position: relative;
    place-items: start;
    display: grid;
    border-radius: 14px;
    padding: 40px 30px;
    -webkit-box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%);
    box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%);
}

.light-grdnt {
    background: linear-gradient(180deg, #fff5f9 50%, #f2fcff 100%);
}

.ree-card-img {
    background: #fff;
    box-shadow: 0 15px 30px -10px rgb(0 0 0 / 14%);
    padding: 15px;
    border-radius: 14px;
    position: absolute;
    width: 80px;
    height: 80px;
    top: -30px;
    left: 30px;
}

.ree-card-img img {
    width: 100%;
}

.ree-card-content h3 {
    font-size: 28px;
    line-height: 38px;
}

.ree-card-link {
    display: block;
    color: #110a32;
    font-size: 18px;
}

.ree-card-link:hover {
    color: #f07230;
}


/*cta block*/

.cta-heading-wide-bt {
    display: inline-flex;
    align-items: center;
}

.cta-heading-wide-bt h3 {
    margin-right: 20px;
}

.ctablock {
    padding: 50px;
    border-radius: 14px;
    overflow: hidden;
}

.cta-block-a {
    background: #fff;
}


/*home portfolio*/

.home-portfolio {
    background: #ecf4fa;
}

.full-work-block:hover .owl-nav button {
    opacity: 1;
}

.full-work-block .owl-nav button {
    width: 40px;
    height: 50px;
    background: #ffffff !important;
    border-radius: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #f07230 !important;
}

.full-work-block .owl-nav .owl-prev {
    left: 5px;
}

.full-work-block .owl-nav .owl-next {
    right: 5px;
}

.link-sol-header {
    text-align: right;
}

.fwb-main {
    padding: 50px 70px;
    border-radius: 14px;
    background: #ffdbca;
}

.work-thumbnails {
    text-align: center;
    align-items: flex-end;
    border-radius: 14px;
    overflow: hidden;
    border: 4px solid #fff;
}

.work-thumbnails img {
    margin: 0 auto;
}

.full-work-block .owl-stage-outer {
    border-radius: 14px;
    overflow: hidden;
}

.work-details {
    padding: 30px 20px;
}

.fwb-main-x {
    background: #fff;
    border-radius: 14px;
}


/*tab css*/

.tab-17.tabs-layout .nav-tabs .nav-link.active {
    color: #f07230;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #f07230;
}

.tab-17.tabs-layout .nav-tabs .nav-link {
    font-weight: 500;
    border: 0px solid transparent;
    color: #110a32;
    background-color: transparent;
    border-radius: 0;
    padding: 15px;
    border-bottom: 0px solid #f6f6f7;
}

.tabs-layout .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #00baff;
    border-color: #00baff;
    border-radius: 100px;
}

.tabs-layout .nav-tabs .nav-link {
    border: 0px solid transparent;
    color: #6a6a8e;
    background-color: #efefef;
    border-radius: 100px;
    padding: 10px 35px;
}

.tabs-layout .tab-content {
    padding: 30px 0 0px 0;
}

.iwt-content p {
    font-size: 16px;
    line-height: 26px;
}


/*home-technologies */

.home-technologies {
    background: #fff;
}

.icon-with-title {
    text-align: center;
    padding: 20px 0;
    background: #f7f7f7;
    border-radius: 14px;
    margin-top: 30px;
}

.iwt-icon {
    padding: 0px 0 20px 0;
    min-height: 52px;
}

.iwt-icon img {
    width: 52px;
}


/**/


/*home review*/

.home-review-block {
    position: relative;
    background: #fff1e5;
}

.home-review-slider {
    text-align: center;
}

.home-review-slider .owl-dots {
    margin-top: 30px;
}

.review-slider {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.reviewers-img {
    border-radius: 100px;
    width: 140px;
    height: 140px;
    margin: 0px auto 20px;
    position: relative;
    -webkit-box-shadow: 0 10px 15px 0px rgb(0 0 0 / 20%);
    box-shadow: 0 10px 15px 0px rgb(0 3 23 / 20%);
}

.reviewers-img img {
    border-radius: 100px;
    width: 100%;
}

.play-vid-review {
    font-size: 15px;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    color: #f07230;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    -webkit-box-shadow: 0 10px 15px 0px rgb(0 0 0 / 20%);
    box-shadow: 0 10px 15px 0px rgb(0 3 23 / 20%);
}


/*partners logo*/

.home-partners-block .brand-logo img {
    max-width: 120px;
}

.clients-logos ul li {
    display: inline-block;
    padding: 30px 5px 0 5px;
}

.clients-logos ul li p {
    font-size: 16px;
    padding-top: 0.5em;
    letter-spacing: 0px;
}

.brand-logo {
    max-width: 220px;
    margin: 0 auto;
    padding: 10px;
}


/*home blogs*/

.half-bg-ree {
    position: relative;
}


/* .half-bg-ree:before {
  content: "";
  background: #ffdbca;
  position: absolute;
  height: 520px;
  right: 0;
  left: 0;
  top: 0;
  background-size: auto;
  background-repeat: repeat;
} */

.half-blog-card {
    border-radius: 14px;
    overflow: hidden;
    border: 5px solid #ffffff;
    border-bottom: 0;
    background: #f7f7f7;
    -webkit-box-shadow: 0 10px 15px 0px rgb(0 0 0 / 7%);
    box-shadow: 0 10px 15px 0px rgb(0 0 0 / 7%);
}

.half-blog-img {
    height: 280px;
}

.half-blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.half-blog-content {
    padding: 40px 25px;
    background: #fff;
}

.half-blog-content h3 {
    font-size: 28px;
    line-height: 38px;
}

.half-blog-content h4:hover a {
    color: var(--primary);
}

.blog-quick-inf {
    font-weight: 300;
    font-size: 17px;
}

.blog-quick-inf span i {
    color: var(--primary);
}

.blog-quick-inf span+span {
    margin-left: 15px;
}

.half-blog-content h4 {
    font-weight: 600;
}


/*cta email subsc*/

.cta-bg-img {
    position: relative;
    right: -54px;
    bottom: -50px;
}

.cta-block-b {
    background: #fff;
}

.email-subs-form input {
    width: 100%;
    height: 65px;
    padding: 0px 175px 0px 30px;
    margin: 0px 0 0px 0;
    color: #172b43;
    font-size: 18px;
    outline: none;
    background: #fff;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}


/*
.email-subs-form button {
width: max-content;
position: absolute;
top: 5px;
right: 5px;
border-radius: 8px 8px 8px 8px;
padding: 0 30px;
line-height: 55px;
box-shadow: none;
background:#1661f2;
border: 0;
}*/

.email-subs-form {
    position: relative;
}


/*home contact*/

.home-contact-block {
    color: #fff;
    padding-top: 250px;
}

.review-text p::before {
    font-family: "Font Awesome 5 Free";
    content: "\f10d";
    font-weight: bold;
    /* use this*/
    margin: 0 8px 0 0;
    color: #f07230;
}

.review-text p::after {
    font-family: "Font Awesome 5 Free";
    content: "\f10e";
    font-weight: bold;
    /* use this*/
    margin: 0 0px 0 8px;
    color: #f07230;
}

.col-right-a {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-right-b {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

.home-contact {
    margin-top: 155px;
    position: relative;
    background-size: contain;
}

.home-contact::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    right: 0;
    left: 0;
    z-index: 0;
    background: #063462;
}

.contact-infos {
    display: flex;
}

.c-infot+.c-infot {
    margin-left: 15px;
}

.c-infot {
    width: 40%;
}

.c-infot span {
    display: block;
    font-weight: 300;
    margin: 0 0 10px 0;
    font-size: 17px;
    letter-spacing: 1px;
    color: #ffff;
}

.c-infot a i {
    margin: 0 10px 0 0;
    color: var(--primary);
}

.c-infot a {
    display: inline-flex;
    background: #fff;
    padding: 20px;
    border-radius: 14px;
    width: 100%;
    box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%);
}

.live-review- span {
    display: block;
    font-weight: 300;
    margin: 0 0 10px 0;
    letter-spacing: 1px;
    font-size: 17px;
}

.live-review- a {
    display: inline-block;
    background: #fff;
    padding: 20px;
    border-radius: 14px;
    width: 32%;
    margin: 0 5px 0 0;
}

.livrve {
    display: flex;
}

.live-review- a img {
    max-width: 100%;
}


/*form css*/

.label-f-form {
    font-size: 16px;
    line-height: 25px;
}

.form-block input,
.form-block select {
    width: 100%;
    height: 50px;
    padding: 0px 15px;
    margin: 0px 0 15px 0;
    color: #172b43;
    font-size: 17px;
    outline: none;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: 400;
}

.form-block textarea {
    height: 100px;
    width: 100%;
    padding: 15px;
    margin: 0px 0 15px 0;
    color: #172b43;
    font-size: 18px;
    outline: none;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.form-block p.trm {
    font-size: 13px;
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
}

.form-block input:focus,
.form-block textarea:focus {
    border-bottom: 2px solid #f07230;
}

.form-block p.trm i {
    padding: 5px 5px 0 0;
}

.form-body {
    padding: 0px 40px 40px 40px;
}

.form-head {
    padding: 40px 40px;
}

.fourc-up-a {
    margin: -150px 0 0 0;
}

.fourc-up-b {
    margin: -150px 0 0 0;
}

.form-block {
    border-radius: 14px;
    overflow: hidden;
    background: #f7f7f7;
    -webkit-box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%);
    box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%);
    border: 1px solid #ddd;
}

body .bg-w {
    background: #fff;
}


/* home locations*/

.location-home {
    padding-top: 60px;
    background: #ffff;
}

.location-block- {
    padding: 0 5%;
}

.loc-icon-nam {
    display: inline-flex;
    align-items: center;
}

.loc-icon-nam img {
    width: 42px;
}

.loc-icon-nam p {
    font-weight: bold;
    font-size: 30px;
    font-family: "Poppins", sans-serif;
    margin-left: 15px;
    color: #30303c;
}

.loc-contct a+a {
    padding-left: 10px;
}

.loc-contct a {
    padding-right: 10px;
    display: inline-block;
    font-size: 20px;
}


/*footer*/

.footer-a {
    background: #063462;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.footer-ree-lg span.checked {
    color: #ffb100;
    font-size: 18px;
}

.footer-links-list li {
    display: flex;
    padding: 0 0 5px 0;
}

.footer-links-list li a {
    font-size: 16px;
    line-height: 34px;
    color: #adb7c5;
}

.footer-links-list li a:hover {
    color: #f07230;
}

.footer-head h5 {
    padding: 30px 0 20px 0;
    color: #adb7c5;
    position: relative;
    padding-left: 14px;
}

.footer-head h5::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 26px;
    background: #f07230;
    left: 0;
    top: 39%;
}

.footer-ree-lg h6 {
    color: #adb7c5;
    font-weight: 500;
}

.footer-rowset {
    display: grid;
    justify-content: space-between;
    grid-template-columns: auto auto auto auto auto;
}

.social-linkz a span i {
    font-size: 20px;
}

.social-linkz a span {
    width: 20px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}

.ft-btn {
    text-align: right;
}

.footer-abt {
    border-top: 1px solid #ffffff1c;
    border-bottom: 1px solid #ffffff1c;
}

.ft-abt p,
.ft-copyright p,
.ft-copyright p a {
    font-size: 16px;
    line-height: 27px;
    color: #adb7c5;
}

.ft-copyright {
    padding: 15px 0;
}

.ft-r {
    text-align: right;
}

.ref-logo {
    display: grid;
    justify-content: space-between;
    grid-template-columns: auto auto auto auto;
    grid-gap: 15px;
}

.ref-logo a img {
    width: 120px;
}


/**/

.zup {
    z-index: 10;
    position: relative;
}


/**contact page**/

.flx-end {
    align-items: flex-end;
    align-self: flex-end;
}

.contact-details-block {
    padding: 30px;
    border-radius: 14px;
    background: #fff;
}

.ree-row-set {
    align-items: flex-start;
    display: flex;
    vertical-align: top;
}

.ree-icon-set {
    display: inline-table;
    vertical-align: top;
}

.dtb-details span {
    margin: 0 0 15px 0;
    font-size: 17px;
    display: block;
    font-weight: 500;
    letter-spacing: 1px;
}

.dtb-icon i {
    font-size: 24px;
}

.dtb-details a {
    letter-spacing: 0.5px;
    display: block;
    font-size: 20px;
    font-weight: 400;
}

.ree-details-set {
    width: calc(100% - 80px);
    padding-left: 20px;
    -ms-flex: 1;
    flex: 1;
}

.dtb-details a+a {
    margin-top: 10px;
}

.trust-logo-block ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.trust-logo-block li {
    width: 33.333%;
    margin: 10px 0;
    padding: 0 15px;
}

.trust-logo-block li img {
    width: 100%;
}

.img-round80 {
    border-radius: 100%;
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.icon-setss {
    display: flex;
    justify-content: space-between;
}

.icon-imgg img {
    width: 42px;
}

.icon-rows {
    padding: 0 0px;
}

.icon-txt p {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
}


/**portfolio page**/

.portfolio-source {
    display: flow-root;
}

.port-ref-link img {
    /* width: 40px; */
    width: 100%;
    height: 320px;
    object-fit: contain;
}

.port-ref-link a {
    display: block;
}

.port-ref-link a span {
    margin-top: 15px;
    font-size: 16px;
    line-height: 28px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.portfolio-source {
    display: block;
    /* display: grid; */
    /* grid-template-columns: repeat(3, 1fr);
    gap: 24px; */
}

.port-ref-link {
    align-content: stretch;
    background: #fff;
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0px 4px 12px #0634620a;
    text-align: center;
}

.company-stats {
    display: flex;
}

.statsnum {
    width: 25%;
}

.statsnum span {
    font-size: 44px;
    color: #f07230;
    font-weight: 700;
}

.statsnum p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.portfolio-detls {
    position: relative;
    z-index: 50;
    margin-top: 50px;
}

.pdr-dtls {
    margin-left: 30px;
}

.pdl-dtls {
    margin-right: 30px;
}

.port-tags {
    font-size: 20px;
    margin-bottom: 15px;
    color: #f07230;
}

.port-title-main {
    display: block;
    font-size: 35px;
    line-height: 45px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
}

.port-links {
    display: block;
    font-size: 20px;
    letter-spacing: 0.5px;
    color: #52525d;
}

.item-logo {
    display: inline-block;
}

.portfolio-items .row+.row {
    margin-top: 120px;
}


/**start portfolio img hover effect**/

.hovr-scale-main .hovr-scale-base {
    border-radius: 14px;
    overflow: hidden;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.hovr-scale-main:hover .hovr-scale-base {
    -webkit-transform: scale(0.97);
    -ms-transform: scale(0.97);
    transform: scale(0.97);
}

.hovr-scale-main:hover .hovr-scale-base img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.hovr-scale-main .hovr-scale-base,
.hovr-scale-base img {
    -webkit-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);
    -o-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);
    transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);
}


/**contact page**/


/*icon with content card*/

.ic-img img {
    width: 120px;
}


/*vertical tabs*/

.vrt-tabb.nav-pills .nav-link {
    border-radius: 14px;
    margin-bottom: 20px;
}

.vrt-tabb.nav-pills .nav-link+.nav-link {
    margin-top: 8px;
}

.vrt-tabb li {
    width: 100%;
}

.vrt-tabb .nav-link {
    width: 100%;
    display: block;
    padding: 20px;
    background: #fff;
}

.vrt-tabb .nav-link i {
    margin-right: 15px;
    background: #fff;
    padding: 10px;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    color: #f07230;
    box-shadow: 0px 10px 10px hsl(18deg 100% 57% / 25%);
}

.vrt-tabb .nav-link.active,
.vrt-tabb .show>.nav-link {
    color: #f07230;
    background-color: #ffdbca;
}

.tab-bg {
    padding: 0px;
}

.vrt-tabb {
    padding-right: 100px;
}

.about-pag-head {
    position: relative;
    overflow: hidden;
}

.about-pag-head:after {
    content: "";
    position: absolute;
    right: -50rem;
    bottom: -60.625rem;
    width: 88.75rem;
    height: 88.75rem;
    border: 14.0625rem solid #fbf1ef;
    border-radius: 50%;
    z-index: -1;
}


/**service page**/

.ul-list-icon li {
    font-size: 19px;
    line-height: 30px;
    text-indent: -18px;
    padding-left: 48px;
}

.ul-list-icon li+li {
    margin-top: 10px;
}

.service-page {
    text-align: center;
}

.ul-list-icon li i {
    margin-right: 10px;
}

.serv-page-head {
    position: relative;
}

.ree-media-sets {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 20px;
}

.ree-stat-icn {
    width: 80px;
    height: 80px;
    padding: 14px;
    border-radius: 100px;
    background: #f07230;
}

.countrr span {
    font-size: 35px;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: #110a32;
    margin-bottom: 8px;
    display: inline-block;
}

.round-bdr {
    border: 1px solid #e2e2e2;
    padding: 20px;
    border-radius: 20px;
    background: #fff;
}

.icon70 {
    width: 70px;
}

.services-blocks-set {
    list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 auto;
    flex-wrap: wrap;
}

.servic-block-a {
    position: relative;
    width: 48%;
    margin-top: 30px;
    padding: 40px 30px;
    background: #fff;
    border-radius: 14px;
    -webkit-box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%);
    box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%);
}

.servic-block-a:hover .link-serv {
    opacity: 1;
}

.link-serv:hover {
    background: #f07230;
    color: #fff;
}

.link-serv {
    position: absolute;
    right: 20px;
    top: 40px;
    color: #f07230;
    background: #ffdbca;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 100px;
    font-size: 16px;
    /* opacity: 0; */
}

.or {
    display: inline-block;
    padding: 0 10px;
}

.call-us {
    color: #f07230;
    font-weight: 500;
    font-size: 22px;
    display: inline-block;
}

.ree-why-sec p a,
.ree-why-sec p,
.ree-why-sec h4 {
    color: #110a32;
}

.ree-why-sec p {
    padding: 0 15%;
    font-size: 20px;
    font-weight: 500;
}


/*work process start*/

.setps {
    opacity: 0;
    font-size: 74px;
    font-weight: 700;
    position: absolute;
    right: 30px;
    top: 30px;
    font-family: "Poppins", sans-serif;
    color: #ffdbca;
    z-index: 99;
}

.process-block h4 {
    margin-bottom: 15px;
}

.process-content:hover .setps {
    opacity: 1;
}

.process-content p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.process-content {
    min-height: 330px;
    overflow: hidden;
}

.process-content:hover:after {
    width: 100%;
}

.process-content:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0%;
    bottom: 0;
    height: 4px;
    background: linear-gradient(270deg, #f07230 35%, #ffcd04 100%);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}


/*tech industry cate*/

.industry-workfor {
    background: #f5f7f9;
    padding: 15px 20px;
    border-radius: 14px;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.industry-workfor img {
    width: 55px;
}

.industry-workfor h6 {
    margin: 0 0 0 15px;
}


/**blog page**/

.ree-subs-from {
    margin-left: 20%;
}

.ree-subs-from form {
    position: relative;
}

.subs-input {
    width: 100%;
    height: 65px;
    padding: 0px 100px 0px 30px;
    margin: 0px 0 0px 0;
    color: #172b43;
    font-size: 18px;
    outline: none;
    background: #fff;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}

.subs-btn {
    width: max-content;
    position: absolute;
    top: 4px;
    right: 5px;
    border-radius: 8px 8px 8px 8px;
    padding: 0 30px;
    line-height: 55px;
    font-size: 18px;
    color: #fff;
}

.ree-media-crd {
    background: #fff;
    margin-top: 40px;
    border-radius: 14px;
    overflow: hidden;
    border: 5px solid #f7f7f7;
}

.ree-media-crd:hover {
    -webkit-box-shadow: 0 10px 15px 0px rgb(82 0 57 / 10%);
    box-shadow: 0 10px 15px 0px rgb(82 0 57 / 10%);
}

.rpl-contt {
    padding: 0 20px 20px;
}

.rpl-img {
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.tags a+a {
    margin-left: 10px;
}

.tags a {
    color: #8383a2;
    margin: 30px 0 20px 0;
    display: inline-block;
    font-size: 16px;
}

.fill-fixed {
    object-fit: cover;
    max-height: 100%;
    width: 100%;
    height: 300px;
}

.ul-list li {
    font-size: 19px;
    line-height: 45px;
    list-style-type: circle;
}

.ul-list {
    padding: 0 0 0 40px;
}

.blog-content img {
    border-radius: 8px;
}

.blog-content ul li {
    margin-bottom: 12px;
}

.blog-content.mt30 ul li {
    margin-bottom: 12px;
    font-size: 16px;
}

.blog-content.mt30 ul {
    margin: 24px 0px;
}

.blog-content.mt30 ul li {
    /* margin-bottom: 12px; */
    margin-bottom: 16px;
    position: relative;
}

.blog-content.mt30 ul li::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--secondary);
    border-radius: 100%;
    left: 0;
    top: 6px;
}

.blog-content.mt30 ul li {
    padding-left: 12px;
}


/*info bar*/

.info-bar {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}

.info-b-left a+a {
    margin-left: 10px;
}

.info-b-left a {
    color: #f07230;
}

.blog-details h1,
.blog-details h2,
.blog-details h3,
.blog-details h4,
.blog-details h5,
.blog-details h6 {
    margin-bottom: 15px;
}

.blog-details p,
.text {
    margin: 0 0 20px;
}


/*breadcrus*/

.breadcrus {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style-type: none;
}

.bread-active a {
    color: #f07230;
}

.center-btn {
    text-align: center;
    margin-top: 60px;
}


/*mobile nav refine*/

ul.bottom-nav li svg {
    fill: #110a32;
    display: inline-block;
    vertical-align: middle;
}

.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
    background: #efefef;
    border-radius: 0;
}

.hc-nav-original.hc-nav-1 {
    display: none;
}

#main-nav {
    display: none;
}

ul.bottom-nav li svg {
    width: 22px;
    height: 22px;
}

.hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav .nav-back span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-left: -2px;
    box-sizing: border-box;
    border-top: 2px solid #110a32;
    border-left: 2px solid #110a32;
    transform-origin: center;
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0,
.hc-offcanvas-nav .nav-content {
    max-height: 100vh;
    background: #fff;
}

body .hc-offcanvas-nav h2 {
    font-size: 22px;
    font-weight: 400;
    text-align: left;
    padding: 10px 17px !important;
    background: #f07230;
    margin: 0 !important;
}

.hc-offcanvas-nav .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a {
    padding: 15px 17px;
    font-size: 15px;
    color: #110a32;
    z-index: 1;
    background: #ffdbca;
    border-radius: 0;
    transition: 0.05s background ease;
}

.hc-offcanvas-nav.nav-close-button-empty .nav-title {
    padding-right: 55px;
    margin: 0;
    padding: 10px 10px;
}

.hc-offcanvas-nav .nav-close-button span::before,
.hc-offcanvas-nav .nav-close-button span::after {
    width: 8px;
    height: 8px;
}

.hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label) {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 12px;
    right: 15px;
}

.hc-offcanvas-nav .nav-content {
    padding: 0;
}

.hc-offcanvas-nav .nav-item-link,
body.theme-carbon .hc-offcanvas-nav li.nav-close a,
body.theme-carbon .hc-offcanvas-nav .nav-back a {
    padding: 15px 17px;
    font-size: 16px;
    color: #110a32;
    z-index: 1;
    background: #fff;
    border-radius: 5px;
    transition: 0.05s background ease;
}

.mob-nav2 {
    display: flex;
}

.mobile-menu2 .navm- {
    margin: 0px 0 0 15px;
}

.mob-nav2 li {
    position: relative;
}

.hc-nav-trigger {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    top: 0px;
    z-index: 9980;
    width: 30px;
    min-height: 48px;
}

.mobile-menu2 {
    display: none;
}


/*pegination*/

ul.pagination {
    position: relative;
    background: #ffdbca;
    display: flex;
    padding: 10px 20px;
    border-radius: 50px;
    width: fit-content;
    margin: 0 auto;
    margin-top: 60px;
}

ul.pagination li {
    list-style: none;
    line-height: 50px;
    margin: 0 5px;
}

ul.pagination li.pageNumber {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

ul.pagination li a {
    display: block;
    text-decoration: none;
    color: #f07230;
    font-weight: 600;
    border-radius: 50%;
    font-size: 17px;
    width: 50px;
    height: 50px;
    line-height: 28px;
}

ul.pagination li.pageNumber:hover a,
ul.pagination li.pageNumber.active a {
    background: #f07230;
    color: #fff;
}

ul.pagination li:first-child {
    margin-right: 30px;
    font-weight: 700;
    font-size: 20px;
}

ul.pagination li:last-child {
    margin-left: 30px;
    font-weight: 700;
    font-size: 20px;
}


/**owl slider dot style**/

.owl-carousel .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 2px;
    vertical-align: middle;
}

.owl-carousel .owl-dots .owl-dot.active:after,
.owl-carousel .owl-dots .owl-dot.active:before {
    opacity: 1;
}

.owl-carousel .owl-dots .owl-dot.active:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.owl-carousel .owl-dots .owl-dot:after,
.owl-carousel .owl-dots .owl-dot:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    -webkit-transition: ease-out 0.16s;
    transition: ease-out 0.16s;
}

.owl-carousel .owl-dots .owl-dot:before {
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    opacity: 0;
    background: 0 0;
    border: 1px solid #f07230;
}

.owl-carousel .owl-dots .owl-dot:after {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.8;
    background: #f07230;
    width: 10px;
    height: 10px;
}

.trust-review.owl-carousel .owl-dots {
    position: absolute;
    bottom: 40px;
    right: 30px;
    text-align: right;
    background: #ffdbca;
    border-radius: 50px;
    height: auto;
    padding: 5px;
    width: fit-content;
}


/**back to top**/

#scrollUp {
    bottom: 8%;
    right: 3%;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    color: #fff;
    background: url(frontend_assets/images/up-arrow.svg), #fff;
    background-size: 18px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1.5px solid #30303c;
}


/**bootstrap dropdown refine**/

.ree-nav .dropdown-menu {
    border: 0;
    border-top: 2px solid #f07230;
    -webkit-box-shadow: 0 10px 15px 0px rgb(82 0 57 / 10%);
    box-shadow: 0 10px 15px 0px rgb(82 0 57 / 10%);
}

.ree-nav .dropdown-item {
    display: block;
    width: 100%;
    padding: 15px 15px;
    clear: both;
    font-weight: 400;
    color: #110a32;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 17px;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #333;
    border-color: #ffdbca;
    background-color: #ffdbca;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #333;
    background-color: #ffdbca;
    border-color: #ffdbca;
}


/**preloader css**/

.onloadpage {
    position: fixed;
    z-index: 99999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #ffffff;
}

.onloadpage .loader-div {
    top: 50%;
    position: relative;
    right: 0;
    left: 0;
    text-align: center;
    transform: translateY(-50%);
}

.on-img img {
    max-width: 120px;
}


/**portfolio details**/

.technolo-sec {
    display: grid;
    justify-content: space-evenly;
    grid-template-columns: auto auto auto;
    grid-gap: 30px;
    text-align: center;
}

.technolo-sec .icon-with-title {
    background: transparent;
}

.arrow-li li:before {
    content: "\f00c";
}

.list-li li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 15px;
}

.list-li li {
    padding: 0 0px 12px 29px;
    position: relative;
    line-height: 22px;
    font-size: 16px;
}


/**Accordion**/


/*
#accordionExample {
    column-count: 2;
    column-gap: 20px;
} */

.collapsible-link::before {
    content: "";
    width: 14px;
    height: 2px;
    background: #333;
    position: absolute;
    top: calc(50% - 1px);
    right: 1rem;
    display: block;
    transition: all 0.3s;
}

.collapsible-link::after {
    content: "";
    width: 2px;
    height: 14px;
    background: #333;
    position: absolute;
    top: calc(50% - 7px);
    right: calc(1rem + 6px);
    display: block;
    transition: all 0.3s;
}

.collapsible-link[aria-expanded="true"]::after {
    transform: rotate(90deg) translateX(-1px);
}

.collapsible-link[aria-expanded="true"]::before {
    transform: rotate(180deg);
}

.ac-1 .card-header {
    padding: 10px 15px;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
}

.ac-1 .card-header h6 {
    font-weight: 500;
    font-size: 17px;
    line-height: 27px;
}

.ac-1 .card-header h6 a {
    position: relative;
}

.cards .card-header h6 a {
    position: relative;
    padding: 0 40px 0 0;
}

.typo-set {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: flex-start;
    grid-gap: 100px;
}

.typo-head h2 {
    font-family: "Poppins", sans-serif;
    font-size: 80px;
    margin-bottom: 20px;
}

.typo-head p {
    font-family: "Poppins", sans-serif;
}

.typo-para h2 {
    font-family: "Roboto", sans-serif;
    font-size: 80px;
    margin-bottom: 20px;
}

.typo-para p {
    font-family: "Roboto", sans-serif;
}

.typo-set p span {
    display: block;
    color: #999;
}

.color-box1 {
    width: 70px;
    height: 70px;
    border-radius: 100px;
}

.cbx0 {
    background: #000000;
}

.cbx1 {
    background: #7f95d1;
}

.cbx2 {
    background: #ff82a9;
}

.cbx3 {
    background: #ffc0be;
}

.cbx4 {
    background: #ffebe7;
}

.color-detailss p {
    color: #999;
}

.ree-media-crd:hover .team-img {
    background-size: 500px;
    background-position: left center;
}

.ree-media-crd:hover .icons a {
    opacity: 1;
}

.icons a {
    color: #30303c;
    transition: opacity 1s;
    opacity: 0;
}

.icons {
    position: absolute;
    height: 160px;
    top: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}


/**app development page**/

.hero-sec {
    position: relative;
    height: 100vh;
    align-items: center;
    display: grid;
}

.shape-dot-bg {
    width: 200px;
    height: 200px;
    background: #ffece4;
    border-radius: 100px;
    position: absolute;
    z-index: -0;
}

.uniq-points {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 30px;
    text-align: center;
}

.uniq-card {
    border-radius: 14px;
    padding: 20px 15px;
}

.uniq-card i {
    margin-bottom: 15px;
    font-size: 35px;
}

.uniq-card p {
    font-size: 18px;
    line-height: 28px;
}

.btn-sets2 {
    display: flex;
}

.uca {
    background: #e7e9ff;
    color: #838ae0;
}

.ucb {
    background: #ffefe8;
    color: #ec7c47;
}

.ucc {
    background: #fff7df;
    color: #8c8265;
}

.w-txt {
    color: #fff;
}

.key-and-award {
    margin-top: -150px;
}

.quick-key-points {
    background: #f07230;
    padding: 40px 60px;
    display: grid;
    grid-template-columns: auto 30%;
    grid-gap: 30px;
    border-radius: 14px;
}

.key-highlights {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 30px;
    justify-content: space-between;
}

.key-highlt-b {
    color: #fff;
}

.key-highlt-b img {
    width: 65px;
}

.key-highlt-b h3 {
    margin: 15px 0 10px 0;
    color: #fff;
    font-size: 45px;
    line-height: 55px;
}

.our-app-d {
    text-align: left;
}

.ree-app-st-a {
    width: 40%;
}

.ree-app-st-b {
    width: 60%;
}

.agency-info-anim {
    display: flex;
    align-items: center;
}

.animated-logo {
    position: relative;
    width: 160px;
    height: 160px;
    margin: 0 auto;
}

.animated-logo .logo-anim {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 110px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.animated-logo .circle-anim {
    width: 159px;
    height: 159px;
    animation: rotation 14s infinite linear;
    position: relative;
}

@keyframes rotation {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

.app-awards {
    display: grid;
    grid-template-columns: 200px 200px 200px 200px 200px;
    grid-gap: 0;
    justify-content: space-between;
}

.award-achivt {
    text-align: center;
    padding: 0 20px;
    white-space: initial;
}

.footer-deg2 h5 {
    padding: 30px 0 20px 0;
    color: #adb7c5;
}

.footer-deg2 {
    color: #adb7c5;
}

.footer-deg2 p {
    font-size: 16px;
    line-height: 24px;
}

.bt-top {
    border-top: 1px solid #353544;
}

.footer_social {
    display: flex;
    align-items: center;
}

.footer_social li a {
    color: #adb7c5;
    font-size: 18px;
}

.footer_social li+li {
    margin-left: 15px;
}

.col-5s {
    width: 20%;
    padding-right: 15px;
    padding-left: 15px;
}

.owl-nv:hover .owl-nav button {
    opacity: 1;
}

.owl-nv .owl-nav button {
    width: 40px;
    height: 50px;
    background: #ffffff !important;
    border-radius: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #f07230 !important;
}

.owl-nv .owl-nav .owl-prev {
    left: 5px;
}

.owl-nv .owl-nav .owl-next {
    right: 5px;
}

.dot-c1 img {
    width: 100%;
}

.dot-c1 {
    width: 100px;
    height: 100px;
    border-radius: 14px;
    border: 0;
    overflow: hidden;
}

.dot-c1.active {
    position: relative;
}

.dot-c1.active::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f07230;
    left: 5px;
    top: 5px;
    border-radius: 50px;
}


/**pricing page**/

.header--btn {
    display: flex;
    justify-content: space-between;
    padding: 0px;
    align-items: center;
}

.price-table-heading ul {
    display: flow-root;
}

.price-table-heading ul li:first-child {
    width: 20%;
    background-color: #ffffff;
    border-radius: 14px 0px 0px 0px;
    color: #30303c;
}

.price-table-heading ul li {
    float: left;
    background-color: #fbc3a9;
    padding: 18px 25px;
    color: #30303c;
    width: 60%;
    font-size: 19px;
    font-weight: bold;
}

.price-table-heading ul li:last-child {
    width: 20%;
    background-color: #ffffff;
    text-align: center;
    border-radius: 0px 14px 0px 0px;
}

.price-table-ree ul li.heading {
    font-size: 22px;
    width: 20%;
    padding: 10px 25px;
    font-weight: bold;
    text-align: left;
    position: relative;
    color: #30303c;
    background: #ffffff;
    border-top: 1px solid #fbc3a9;
}

.price-ree li {
    padding: 10px 15px;
    display: table-cell;
    align-items: center;
    vertical-align: middle;
}

.price-table-ree li.content {
    width: 60%;
    font-weight: 400;
    padding: 30px 25px 30px 25px;
    color: #050748;
    background: #fff4f4;
    border-top: 1px solid #fbc3a9;
}

.price-table-ree ul li.price {
    font-size: 25px;
    font-weight: bold;
    width: 20%;
    text-align: center;
    justify-content: center;
    color: #050748;
    background: #ffffff;
    border-top: 1px solid #fbc3a9;
}

span.price-title {
    font-weight: 400;
    font-size: 15px;
    text-transform: none;
    width: 100%;
    display: block;
    margin: 0 0 8px 0px;
}

span.price-title {
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
    width: 100%;
    display: block;
    margin: 0 0 10px 0px;
}

.price-off {
    display: block;
    font-size: 16px;
    margin: 10px 0 0 0;
    text-decoration: line-through;
    color: #636363;
}

.br-bl {
    border-radius: 0 0 0 14px;
}

.br-br {
    border-radius: 0 0 14px 0;
}

.text-link {
    color: #f07230;
}


/**career page**/

.job-detail h4 {
    color: #f07230;
}

.career-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.career-detail p:last-child {
    font-weight: bold;
    text-align: right;
}

.career-detail p {
    font-size: 17px;
    list-style: 26px;
}

.job-titl p:first-child {
    font-size: 16px;
}

.career-detail+.career-detail {
    margin-top: 10px;
}

.job-titl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}


/**update 1.2 css***/

.loader-div span {
    display: block;
    margin: 20px 0 0 0;
}

.hero-content-a>p {
    font-size: 21px;
    line-height: 31px;
}

.uniq-card {
    border-radius: 14px;
    padding: 20px 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row;
    text-align: left;
}

.uniq-card p {
    font-size: 16px;
    line-height: 24px;
    padding-left: 12px;
}

.home-app {
    height: auto;
    min-height: 935px;
}

.megamenu:hover>a {
    color: #f07230 !important;
}

.megamenu>a::before {
    content: "•";
    position: absolute;
    right: 4px;
    color: #f07230;
}

.mega-small {
    position: relative;
}

.mega-small .menu-block-set {
    display: inline-table;
    border: 0;
    border-top: 2px solid #f07230;
    -webkit-box-shadow: 0 10px 15px 0px rgb(82 0 57 / 10%);
    box-shadow: 0 10px 15px 0px rgb(82 0 57 / 10%);
    padding: 10px 0;
    border-radius: 0px 0px 14px 14px;
}

.ree-nav>ul.nav-list>li:hover .menu-dropdown {
    opacity: 1;
    top: 85px;
    pointer-events: auto;
}

.menu-dropdown {
    height: auto;
    left: 0;
    opacity: 0;
    pointer-events: none;
    top: 115px;
    z-index: 99999;
    position: absolute;
    width: 100%;
    -webkit-transition: 0.4s ease all;
    -moz-box-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all;
}

.menu-block-set {
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 4%);
    border-top: 2px solid #f3f3f3;
    width: 100%;
    padding: 40px 0;
    display: inline-block;
    background-color: #fff;
    margin-top: 4px;
}

.menu-dropdown p {
    font-size: 17px;
    line-height: 27px;
}

.menu-block-a {
    display: grid;
    grid-template-columns: 20% auto;
    grid-gap: 30px;
}

.menu-headings {
    position: relative;
    color: #f07230;
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
}

.menu-headings:after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background-color: #ff7575;
    margin: 5px 0 0;
}

.menu-inner-block-a {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 30px;
}

.ree-nav ul .menu-li-link li {
    display: block;
    width: 100%;
}

.ree-nav ul .menu-li-link li+li {
    margin-top: 10px;
}

.menu-li-link li a {
    width: 100%;
    font-size: 16px;
    color: #52525d;
    position: relative;
    line-height: 26px;
    font-weight: normal;
}

.menu-li-link li a:hover {
    color: #f07230;
}

.menu-extra-info {
    background: #fbf1ef;
    padding: 20px 0;
    border-bottom: 2px solid #f07230;
}

.ree-nav>ul>li.megamenu>div>div.menu-extra-info>div>div>ul>li a {
    font-size: 16px;
    color: #050748;
    padding-left: 10px;
}

.ree-nav>ul>li.megamenu>div>div.menu-extra-info>div>div>ul>li {
    display: inline-flex;
    align-items: center;
    width: 20%;
}

.menu-extra-info-inner ul {
    display: flex;
    grid-gap: 20px;
}

.menu-icon-ree {
    width: 45px;
}

.menu-icon-ree img {
    width: 35px;
}

.webiocon {
    text-align: center;
    background: #fff;
    color: #f07230;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    -webkit-box-shadow: 0 19px 40px -10px #ffa880;
    box-shadow: 0 10px 30px -6px #ffa880;
}

html body .bd-rds {
    border-radius: 14px;
}

.pera-block p+p {
    margin: 15px 0 0 0;
}

.pera-block h1,
.pera-block h2,
.pera-block h3,
.pera-block h4,
.pera-block h5,
.pera-block h6 {
    margin-bottom: 15px;
}

.d-ml50 {
    margin-left: 50px;
}

.shadow2 {
    -webkit-box-shadow: 0 10px 15px 0px rgb(82 0 57 / 10%);
    box-shadow: 0 10px 15px 0px rgb(82 0 57 / 10%);
}

.ucd {
    background-color: #ffe0e0;
    color: #ff7575;
}

.ree-nav .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50px);
    border-radius: 14px;
    border: 0;
    border-top: 2px solid #f07230;
    -webkit-box-shadow: 0 10px 15px 0px rgb(82 0 57 / 10%);
    box-shadow: 0 10px 15px 0px rgb(82 0 57 / 10%);
    -webkit-transition: 0.4s ease all;
    -moz-box-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transition: 0.4s ease all;
    -moz-box-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all;
}

.head-opacity {
    padding: 220px 0px 120px 0px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.head-opacity:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    right: 0;
    left: 0;
    z-index: 0;
    background: #ffffff;
}


/*case study*/

.item-filter {
    border-bottom: 1px solid #eaeaea;
}

.filter-bx .custom-select {
    border: 0px;
    height: 60px;
    outline: none;
    box-shadow: none;
}

.filter-bx {
    padding: 0px 20px;
    border-right: 1px solid #eaeaea;
    height: 60px;
    align-items: center;
    display: flex;
    max-width: 240px;
}

.filter-bx:last-child {
    border-right: 0;
}

.sub-heading2 {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #f07230;
    background: #ffdbca;
    display: inline-block;
    border-radius: 50px;
    padding: 2px 15px;
}

.item-author-infos {
    display: flex;
    align-items: center;
}

.itemcont a {
    color: #f07230;
    display: inline-block;
    padding-top: 4px;
}

.itemcont {
    margin-left: 40px;
}

.img-hover:hover .img-hor {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

.img-hover:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

.itemcont h5 {
    font-size: 19px;
    line-height: 28px;
    font-weight: 600;
}

.full-card--title {
    color: #fff;
    position: absolute;
    bottom: 30px;
    padding: 0 30px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

.full-card-link {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 14px 14px 0px 0px;
    z-index: 2;
    width: 100%;
}

.img-full-bgimg:after {
    content: "";
    background-image: -webkit-linear-gradient( top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%);
    background-image: -o-linear-gradient( top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%);
    background-image: linear-gradient( -180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img-full-bgimg img {
    object-fit: cover;
    max-height: 100%;
    width: 100%;
    height: 550px;
}

.full-card-footer {
    padding: 30px 20px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    border-radius: 0 0 14px 14px;
}

.itmmlogo img {
    max-width: 130px;
}

.what-youget .stats-box img {
    width: 52px;
    margin-bottom: 30px;
}

.list-icon li {
    padding: 0 0px 12px 29px;
    position: relative;
    line-height: 27px;
    font-size: 17px;
}

.dottss .owl-dots {
    text-align: center;
    margin-top: 30px;
}

.list-icon li+li {
    margin-top: 20px;
}

.list-icon li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 15px;
}

.list-check li:before {
    content: "\f00c";
    color: #4caf50;
    border-radius: 50px;
    border: 1px solid #4caf50;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0 0px 0 0px;
}

.list-check li {
    padding: 0 0 0 45px;
}

.case-study-about {
    display: flex;
}

.csa-block+.csa-block {
    margin-left: 30px;
}

.numbers-feature {
    display: grid;
    grid-template-columns: 80px auto;
    grid-gap: 20px;
}

.number-f h2 {
    text-align: center;
    font-size: 45px;
    line-height: 80px;
    color: #f07230;
    background: #fbf1ef;
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.quote-line-inner .quote-line {
    position: relative;
}

.quote-line-inner h3::before {
    font-family: "Font Awesome 5 Free";
    content: "\f10d";
    font-weight: bold;
    margin: 0 8px 0 0;
    color: #f07230;
}

.quote-line-inner h3::after {
    font-family: "Font Awesome 5 Free";
    content: "\f10e";
    font-weight: bold;
    margin: 0 0px 0 8px;
    color: #f07230;
}


/**creative agency**/

.dark-deep .ree-header.sticky {
    background: #fff;
}


/*dark mode*/

.header-dark .ree-nav .nav-list li a.menu-links {
    color: #fcfcfd;
}

.header-dark.sticky .ree-nav .nav-list li a.menu-links {
    color: #08182b;
}

.header-dark .l-dark {
    display: none;
}

.header-dark .l-white {
    display: block;
}

.header-dark.sticky .l-white {
    display: none;
}

.header-dark.sticky .l-dark {
    display: block;
}

.header-dark.sticky .ree-btn-grdt3 {
    background: #f07230;
    color: #ffffff;
    border: 1px solid #f07230;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dark-deep .header-dark .ree-nav .nav-list li a.menu-links {
    color: #fcfcfd;
}

.dark-deep .header-dark.sticky .ree-nav .nav-list li a.menu-links {
    color: #fcfcfd;
}

html .dark-bg h1 a,
.dark-bg h2 a,
.dark-bg h3 a,
.dark-bg h4 a,
.dark-bg h5 a,
.dark-bg h6 a {
    color: #fcfcfd;
}

html .dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg h6 {
    color: #fcfcfd;
}

body .dark-bg p {
    color: #939db2;
}

body.dark-bg {
    color: #939db2;
}

body .home-creative-agency p {
    color: #fcfcfd;
}

.dark-deep .ree-btn,
.dark-deep .ree-btn2,
.dark-deep .ree-btn,
.dark-deep .ree-btn2 {
    box-shadow: none !important;
}

.dark-deep {
    background-color: #0b0b0f;
}

.dark-light-a {
    background: #131419;
}

.dark-bg .icon-with-title {
    background: #1b1c22;
}

.dark-bg .half-blog-content {
    background: #1b1c22;
}

.dark-bg .half-blog-card {
    border: 5px solid #1b1c22;
    background: #1b1c22;
}

.dark-bg label a {
    color: #f07230;
}

.dark-bg .custom-control-input:checked~.custom-control-label::before {
    color: #333;
    border-color: #f07230;
    background-color: #f07230;
}

.ree-btn-grdt3 {
    background: transparent;
    color: #fcfcfd;
    border: 1px solid #fcfcfd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.home-creative-agency:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient( top, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.9) 100%);
    background-image: -o-linear-gradient( top, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.9) 100%);
    background-image: linear-gradient( -180deg, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.9) 100%);
}

.home-creative-agency {
    background-size: cover;
    background-position: -2px 0px;
    height: 935px;
    width: calc(100% + 0px);
    position: relative;
}

.dark-bg .ree-text:after {
    background: #525252;
}

.creative-service {
    margin-top: -15vh;
}

.sevctxt h3 {
    font-size: 28px;
    line-height: 38px;
}

.work-thumbnail {
    text-align: center;
    border-radius: 14px;
    overflow: hidden;
    width: 100%;
}

.work-thumbnail img {
    width: 100%;
}

.creative-service .img-full-bgimg:after {
    background-image: -webkit-linear-gradient( top, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.3) 100%);
    background-image: -o-linear-gradient( top, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.3) 100%);
    background-image: linear-gradient( -180deg, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.3) 100%);
}

.creative-service .img-full-bgimg img {
    height: auto;
}

.bottom-tags a {
    color: #939db2;
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    font-weight: 600;
    padding: 0 10px;
}

.bottom-tags {
    background: #12186d;
    position: relative;
    top: -4px;
    padding: 10px;
    display: block;
    border-radius: 0 0 14px 14px;
    text-align: center;
    z-index: 1;
    margin: 0 auto;
    width: 90%;
}

.counter-c-a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-ree {
    width: 100%;
    height: 50px;
    padding: 0px;
    margin: 0px 0 25px 0;
    color: #939db2;
    font-size: 17px;
    outline: none;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #585858;
    -webkit-border-radius: 4px;
    border-radius: 0;
    font-weight: 400;
    -webkit-appearance: none;
}

.form-blocks textarea {
    height: 100px;
}

.form-blocks input:focus,
.form-blocks textarea:focus {
    border-bottom: 2px solid #f07230;
}

.form-blocks::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #939db2;
}

.form-blocks::-moz-placeholder {
    /* Firefox 19+ */
    color: #939db2;
}

.form-blocks:-ms-input-placeholder {
    /* IE 10+ */
    color: #939db2;
}

.form-blocks:-moz-placeholder {
    /* Firefox 18- */
    color: #939db2;
}

.form-blocks select option {
    padding: 10px;
    background-color: #141416;
    color: #939db2;
}

.our-map iframe {
    width: 100%;
    height: 150px;
    border-radius: 14px;
    border: 0;
}

.home-contact-blocks .c-infot {
    width: 50%;
}

.form-blocks {
    padding-left: 50px;
}


/*logo swipe*/

.l-white {
    display: none;
}

.dark-bg .l-white {
    display: block;
}

.dark-bg .l-dark {
    display: none;
}


/**contact us page 2**/

.contact-detalnk a {
    display: table;
    font-size: 20px;
    text-indent: -20px;
    line-height: 30px;
    padding-left: 40px;
}

.contact-detalnk i {
    margin-right: 15px;
}

.contact-detalnk a+a {
    margin-top: 20px;
}

.contact-detalnk a:hover span {
    box-shadow: inset 0px -30px #f07230;
    color: #fff;
}

.contact-detalnk a span {
    padding: 4px 6px;
    box-shadow: inset 0px -2px #f07230;
    transition: box-shadow 250ms ease, color 250ms ease;
}

.get-conct-2 .footer_social li a {
    color: #30303c;
    font-size: 18px;
}

.icon-block-ree {
    text-align: center;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-gap: 30px;
}

.icon-block-ree img {
    width: 80px;
    margin-bottom: 20px;
}

.icon-block-ree p {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.icon-card-title {
    padding: 0 30px;
}


/**header-design-3**/

.head-dez3 {
    padding-top: 110px;
    position: relative;
}


/**personal portfolio**/

.reebga {
    background: #fff2e2;
}

.reebgb {
    background: #feeae3;
}

.reebgc {
    background: #c8ebff;
}

.reebgd {
    background: #eee0f7;
}

.personal.footer_social {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 20px 0;
    margin-top: 30px;
}

.ref-links a {
    color: #adb7c5;
    padding: 0 15px;
}

.ref-links {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.freelancer .footer_social a {
    color: #30303c;
}

.home-hero-pp {
    display: flex;
    min-height: auto;
    align-items: center;
    background: #ffe0e0;
    padding-top: 140px;
    padding-bottom: 100px;
}

.hero-right-cnt .media {
    align-items: flex-start;
    padding-left: 80px;
}

.hero-right-cnt .media h4 {
    font-size: 35px;
    line-height: 45px;
}

.noise-bg-effct {
    background: #ffdfbd;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
}

.home-hero-pp .ree-stat-icn {
    padding: 18px;
    background: #fff;
}


/**logo design**/

.logo-design {
    background: #3c007d;
    padding-top: 140px;
    padding-bottom: 80px;
    color: #fff;
}

.logo-design h1 {
    color: #fff;
}

.logo-design .hero-content-a {
    padding-right: 80px;
}

.bg-perallx {
    min-height: 550px;
    background-repeat: no-repeat;
}


/**digital agency**/

.owlbg11 {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.bg-opcty {
    position: relative;
    background-size: cover;
}

.dsbld {
    color: #c5c5c5 !important;
    cursor: not-allowed;
}

.ree-nav>ul.nav-list>li:hover .h-bhv {
    top: 115px;
}

.header-bhv {
    display: block !important;
}

.ree-nav .h-bhv {
    top: 145px;
}

.mini-header-bar {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    max-height: 40px;
    min-height: 40px;
    background: #063462;
    margin: 0 -20px;
    padding: 0px 20px;
}

.sideone {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    justify-content: flex-start;
}

.sideone a i {
    margin-right: 5px;
}

.sideone a.contactinfo {
    font-size: 16px;
    color: #fff;
    position: relative;
    padding-right: 12px;
}

.sidetwo a {
    position: relative;
}

.sidetwo a::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    top: 3px;
    background: #ffffff3d;
    right: 0.5px;
}

.sidetwo a:last-child:before {
    display: none;
}

.sideone a.contactinfo::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    top: 1px;
    background: #ffffff3d;
    right: 0.5px;
}

.sideone a.contactinfo:last-child::before {
    display: none;
}

.sideone a+a {
    margin-left: 15px;
}

.sidetwo a {
    font-size: 16px;
    padding: 0 10px;
    color: #fff;
}

html body .header-bhv {
    height: 115px;
    background: #fff;
}

html body .header-bhv.sticky .mini-header-bar {
    max-height: 0px;
    min-height: 0px;
    opacity: 0;
}

.ree-header.sticky .ree-nav>ul.nav-list>li:hover .menu-dropdown {
    opacity: 1;
    top: 65px;
    pointer-events: auto;
}

.hero-content-x span {
    font-size: 55px;
    line-height: 67px;
    font-weight: 700;
}

.hero-content-x h1 {
    font-weight: 700;
}

.slide-hero {
    background: rgb(255 255 255);
    margin-top: 115px;
    height: 740px;
    display: flex;
    align-items: flex-start;
    align-content: center;
    flex-direction: row;
}

.slide-hero .row {
    padding-top: 50px;
    padding-bottom: 100px;
}

.slide-hero .owl-dots {
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    text-align: center;
}

.ree-tt {
    background: #f07230;
    background: -moz-linear-gradient(right, #f07230, #f5324f);
    background: -webkit-linear-gradient(right, #f07230, #f5324f);
    background: linear-gradient(right, #f07230, #f5324f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.client-logo-set {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    grid-gap: 30px;
}

.client-logo-set a {
    display: flex;
    background: #fff;
    padding: 20px;
    border-radius: 6px;
    -webkit-box-shadow: 0 19px 40px -10px #ffe0d2;
    box-shadow: 0 19px 40px -10px #ffe0d2;
    align-items: center;
    justify-content: center;
}

.client-logo-set a img {
    max-width: 100px;
    max-height: 50px;
}

.bhv-tt .creative-img {
    width: 100%;
    margin: 0 auto 40px;
    border-radius: 14px;
    padding: 15px;
}

.bhv-tt {
    text-align: center;
}

.bhv-tt .ree-card-link {
    color: #f07230;
}

.digi-service {
    position: relative;
    overflow: hidden;
}

.digi-service:after {
    content: "";
    position: absolute;
    right: -20rem;
    top: -20rem;
    width: 40rem;
    height: 40rem;
    border: 6.0625rem solid #eff0fb;
    border-radius: 50%;
    z-index: -1;
}

.digi-service:before {
    content: "";
    position: absolute;
    left: -20rem;
    bottom: -20rem;
    width: 40rem;
    height: 40rem;
    border: 6.0625rem solid #e2f6ff;
    border-radius: 50%;
    z-index: -1;
}

.cta-info-tt {
    background: #fff;
    z-index: 11;
    position: relative;
    padding: 50px;
    border-radius: 14px;
    margin: -106px 15px 50px;
    box-shadow: 0px 20px 50px rgb(103 34 0 / 10%);
    -moz-box-shadow: 0px 20px 50px rgb(103 34 0 / 10%);
    -webkit-box-shadow: 0px 20px 50px rgb(103 34 0 / 10%);
}

.w80 {
    width: 80px;
}

.ourinfo p {
    color: #fff;
    padding-bottom: 10px;
}

.ourinfo h5 a {
    color: #fff;
}

.formnews input {
    width: 100%;
    height: 40px;
    padding: 0px 45px 0px 0px;
    margin: 0;
    color: #ffffff;
    font-size: 17px;
    outline: none;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 0;
    font-weight: 400;
}

.formnews button {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    background: transparent;
    color: #fff;
    padding: 10px;
}

.formnews {
    position: relative;
}

.formnews input::placeholder {
    color: #fff;
    opacity: 1;
}

.formnews input::-ms-input-placeholder {
    color: #fff;
}

.formnews input::-ms-input-placeholder {
    color: #fff;
}


/**lead generation**/

.lead-gen {
    margin-top: 85px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.lead-number img {
    width: 80px;
    margin-top: 40px;
}

.lead-number h2 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 30px;
}


/**header center**/

.ree-header {
    padding: 0 20px;
    height: 85px;
    z-index: 9995;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-content: center;
    align-items: center;
    box-shadow: 0px 8px 32px rgba(6, 52, 98, 0.08);
}

.dark-bg .hc-nav-trigger span,
.dark-bg .hc-nav-trigger span::before,
.dark-bg .hc-nav-trigger span::after {
    display: block;
    position: absolute;
    left: 0;
    height: 4px;
    background: #ffffff;
    transition: all 0.2s ease;
}


/**update 1.3*/

.header-bhv .ree-nav>ul.nav-list>li:hover .menu-dropdown {
    opacity: 1;
    top: 110px;
}

.header-bhv .ree-nav>ul.nav-list>.menu-dropdown {
    opacity: 0;
    top: 125px;
}

.header-bhv .ree-nav>ul.nav-list>.mega-small .menu-dropdown {
    opacity: 0;
    top: 95px;
}

.header-bhv .ree-nav>ul.nav-list>.mega-small:hover .menu-dropdown {
    opacity: 1;
    top: 80px;
}


/* Service Card Area */

.service-card-area {
    background: #f5f7f9 !important;
}

.service-card-area {
    padding: 80px 0px;
}

.service-card-btn {
    color: #f07230 !important;
}

.service-card-btn:hover {
    color: #063462 !important;
}

.service-card-area .process-block h4 {
    font-size: 18px;
}


/* Industries Serve Area */

.industries-serve-area {
    padding: 80px 0px;
}


/* Blog Area */

.blog-sub-title {
    color: #52525d;
}


/* Service Area */

.service-area-bottom-button {
    text-align: center;
    margin-top: 56px;
}

.service-area-bottom-button .ree-btn:hover {
    background: #063462;
    border: 1px solid transparent;
    color: #fff;
}


/* Testimonial Area */

.testimonial-area {
    background: #f9f9f9 !important;
}

.quote-text h2 {
    color: #30303c;
}

.counter-c-a .counter {
    color: #30303c;
}

.counter-c-a h2 span {
    color: #30303c !important;
}

.testimonial-area .ree-card {
    background: #fff !important;
    box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%) !important;
}


/*============================================================================================
	Testimonial Area
==============================================================================================*/

.testimonial-area {
    padding: 80px 0px 40px !important;
}

.testinomial-section .container-fluid {
    padding: 0px 94px;
}

.single-testimonial {
    background: #fff;
    padding: 32px;
    box-shadow: 0px 8px 12px rgba(11, 36, 71, 0.05);
    margin: 0px 12px;
    border-radius: 24px;
    transition: all 0.4s ease;
    margin-top: 32px;
    margin-bottom: 56px;
}

.testimonial-quote {
    background: #fff;
    border-radius: 32px;
    display: inline-block;
}

.testimonial-quote img {
    width: 48px;
    height: 48px;
    line-height: 48px;
    object-fit: contain;
    display: inline-block;
}

.testimonial-text {
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 28px;
    margin: 0;
    margin-top: 8px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.testimonial-text span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.testimonial-text a {
    color: #f07230 !important;
    font-weight: 500;
}

.testimonial-info {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.testimonial-info-img img {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 100%;
    max-width: 56px;
    max-height: 56px;
}

.testimonial-info-name {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 2px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.testimonial-info-content {
    margin-left: 12px;
}

.testimonial-info-tag {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.2px;
    opacity: 0.5;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


/* Slider Dot */

.testimonial-slider .slick-dots {
    position: absolute;
    left: 50%;
    bottom: 0;
    line-height: 0;
    transform: translate(-50%);
}

.testimonial-slider .slick-dots li {
    display: inline-block;
    margin-right: 12px;
}

.testimonial-slider .slick-dots li:last-child {
    margin: 0;
}

.testimonial-slider .slick-dots li button {
    font-size: 0px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #f07230;
    opacity: 0.16;
    border: none;
}

.testimonial-slider .slick-dots li.slick-active button {
    background: #f07230;
    opacity: 1;
}


/* Responsive CSS */

@media only screen and (min-width: 1200px) {
    .testimonial-area {
        overflow: hidden;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-area {
        overflow: hidden;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-area {
        overflow: hidden;
    }
    .testimonial-info-img img {
        max-width: 56px;
        max-height: 56px;
    }
    .testimonial-info-name {
        font-size: 16px;
        line-height: 20px;
    }
    .testimonial-info-tag {
        font-size: 12px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-slider {
        padding: 0% 5%;
    }
    .testimonial-quote img {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    .testimonial-info-name {
        font-size: 16px;
        line-height: 18px;
    }
    .single-testimonial {
        margin-bottom: 48px;
    }
    .testimonial-area {
        padding: 52px 0px 32px !important;
    }
}


/*============================================================================================
	End Testimonial Area
==============================================================================================*/


/* Footer area */

.footer-sslcommerze-img {
    text-align: right;
}

.footer-sslcommerze-img img {
    width: 100%;
    height: auto;
}

.s-footer__right li {
    display: inline-block;
    margin-right: 12px;
    padding-right: 12px;
    position: relative;
}

.s-footer__right li::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 12px;
    background: #adb7c5;
    top: 6px;
    right: 0;
}

.s-footer__right li a {
    color: #adb7c5;
    font-size: 16px;
}

.s-footer__right li:last-child::before {
    display: none;
}

.s-footer__right li:last-child {
    padding: 0;
    margin: 0;
}

.s-footer__right li a:hover {
    color: #f07230;
}

.s-footer__left a:hover {
    color: #f07230;
}

.footer-about {
    padding-top: 30px;
}

.footer-logo {
    margin-bottom: 20px;
}

.footer-logo img {
    width: 124px;
    height: auto;
}

.footer-about-text {
    color: #adb7c5;
}

.footer-social li {
    display: inline-block;
    margin-right: 8px;
}

.footer-social li:last-child {
    margin: 0;
}

.footer-social {
    margin-top: 24px;
}

.footer-social li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #ffffff1f;
    color: #fff;
    display: block;
    border-radius: 4px;
    text-align: center;
    font-size: 15px;
}

.footer-social li a:hover {
    background: #f07230;
    color: #fff;
}

.f-office-details li {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 160%;
    color: #adb7c5;
}

.f-office-details li:last-child {
    margin: 0;
}

.gmap_canvas {
    margin-top: 24px;
}

.gmap_canvas iframe {
    width: 100%;
    height: 180px;
    filter: grayscale(100);
    border-radius: 8px;
}

.footer-service {
    padding-left: 64px;
}


/* Design Service Area */

.design-service-sub-heading {
    font-size: 20px;
    font-weight: 400;
    margin-top: 16px;
}

.design-service-head {
    padding: 0px 40px;
}

.design-service-img img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.design-service-head {
    text-align: center;
}

.design-service-head-btn {
    line-height: 52px;
}

.servic-card-icon img {
    width: 56px;
    height: 56px;
    margin-bottom: 12px;
}

.design-service-head h2 {
    font-size: 38px;
}

.page-heading-sec.serv-page-head.r-bg-a.pt85.pb120.service-page-top {
    padding: 80px 0px;
    background: #f3f3f3;
}


/* Style Two Area */

.no-shadow {
    box-shadow: none !important;
}

span.circle {
    background: rgba(255, 255, 255, 0.2);
    display: block;
    position: absolute;
    top: -10%;
    right: -130px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: none;
}

.lnk:hover span.circle {
    top: -10%;
    right: -80px;
}

span.circle2 {
    background: rgba(255, 255, 255, 0.2);
    display: block;
    position: absolute;
    top: -10%;
    right: -50px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.lnk:hover span.circle2 {
    top: -10%;
    right: -40px;
}

.font-15 {
    font-size: 15px;
}

.f-medium {
    font-weight: 600;
}

.f-bold {
    font-weight: 700;
}

.light-blue {
    background: #f8fdff;
}

.text-radius {
    border-radius: 3px;
    padding: 0 3px;
}

.text-primary {
    color: #fe4c1c;
}

.text-second {
    color: #ff5b2e;
}

.text-bold {
    font-weight: bold;
}


/**Header section**/

.header-icon-nav a {
    background: #ffffff7a;
    padding: 12px;
    margin: 5px;
    border-radius: 50%;
    color: #0a2233;
}

.sticky .dsk-logo {
    line-height: 70px;
}

.sticky .custom-nav .nav-list li a.menu-links {
    line-height: 70px;
}

.main-header.sticky {
    height: 70px;
}

.top-header {
    position: relative;
    z-index: 999;
}

.navbar .mobile-menu {
    display: none;
}

.navbar .mobilemenu {
    color: #0a2233;
    top: -4px;
    position: relative;
}

.navbar .mobilemenu i {
    font-size: 25px;
}

.mob-nav {
    display: flex;
}

.mob-nav li {
    position: relative;
}

.ml8 {
    margin-left: 8px;
}

.animate {
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.top-header .dropdown-toggle::after {
    display: inline-block;
    margin-left: 3px;
    vertical-align: baseline;
    content: "+";
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 100px;
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #ffffff;
    outline: none;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #0a2233;
    text-decoration: none;
    background-color: #ffffff;
    outline: none;
}

.dropdown-menu {
    border: 0px solid rgba(0, 0, 0, 0.15);
}

header .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 10px 0;
    margin: 0;
    font-size: 16px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 0px solid rgb(0, 186, 255);
    border-radius: 0px 0px 8px 8px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}

.dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 15px;
    color: #0a2233;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    padding: 10px 15px;
}

.navbar-toggler {
    background-color: #fff;
    border: 1px solid #fff;
}

.top-header .sticky {
    background: #fff;
    -webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.08);
    box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.08);
    height: 70px;
}

.nav-item.dropdown:hover {
    background: #fff;
}

.list-mnu li a {
    white-space: break-spaces;
    line-height: 24px;
    padding: 5px 10px;
}

.navbar-light .navbar-nav .nav-link {
    font-weight: 600;
    font-size: 16px;
    color: #0a2233;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    padding: 0px 15px;
    line-height: 48px;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    padding-top: 0;
    padding-bottom: 0;
    height: 100px;
}

.brand-logo a {
    display: block;
}

.top-header .navbar .custom-btn {
    padding: 0px 32px;
    color: #fff;
    font-weight: 400;
}

.top-header .navbar .custom-btn:hover,
.top-header .navbar .custom-btn:focus {
    color: #fff;
}

.modal-backdrop {
    background: linear-gradient(135deg, #0c0004 0%, #000e0c 100%);
}

.modal {
    z-index: 999999;
}

.abt {
    position: absolute;
    right: 15px !important;
    top: 0px !important;
    z-index: 9999999;
}

.popup-modalfull .modal-dialog {
    min-height: 100%;
    margin: 0 0 0 auto;
    background: #fff;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
}

.popup-modalfull .modal-content {
    border: 0;
    height: 100%;
    border-radius: 0;
}

.popup-modalfull .modal-body {
    overflow-y: auto;
}


/**mega menu header **/

.main-header.sticky .nx-dropdown {
    top: 65px;
}

.nav-bg-b .custom-nav .nav-list li a.menu-links {
    color: #fff;
}

.main-header.sticky {
    background: #fff;
    -webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.08);
    box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.08);
}

.main-header {
    padding: 0 20px;
    height: 85px;
    z-index: 99999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.fa-ani {
    margin-left: 5px;
    font-size: 12px;
    animation: 2s infinite arrowanim;
    -webkit-animation: 2s infinite arrowanim;
}

.sub-menu-center-block {
    display: flex;
}

.menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.right-bddr {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0px 10px 0 0px !important;
    margin: 0 20px 0 0;
}

.custom-nav .sbmenu>a::before {
    content: "+";
    position: absolute;
    right: 4px;
}

.custom-nav .sbmenu.hover>a::before {
    content: "-";
}

.main-header.sticky .custom-nav .nav-list li a.menu-links {
    color: #050748;
}

.main-header.sticky .mega-white-logo {
    display: none;
}

.main-header .mega-white-logo {
    display: none;
}

.nav-bg-b.main-header.sticky .mega-white-logo {
    display: none;
}

.nav-bg-b.main-header .mega-white-logo {
    display: inline-block;
}

.nav-bg-b.main-header .mega-darks-logo {
    display: none;
}

.main-header.sticky .mega-darks-logo {
    display: inline-block;
}

.dsk-logo {
    float: left;
    line-height: 85px;
}

.dsk-logo .nav-brand img {
    max-height: 75px;
}

.custom-nav {
    float: right;
}

.custom-nav .menu-dorpdown {
    width: 240px;
    margin: 0 auto;
}

.custom-nav .smfull {
    width: 100%;
}

.custom-nav .nav-list li {
    display: inline-flex;
}

.custom-nav .nav-list li.rpdropdown {
    position: relative;
}

.custom-nav .nav-list li a.menu-links {
    font-size: 16px;
    color: #050748;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    padding: 0px 15px;
    line-height: 85px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}

.btn-br {
    line-height: 48px;
    color: #fff;
    border-radius: 100px;
    padding: 0 20px;
}

.btn-br:hover {
    color: #fff;
}

.btn-round- {
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    padding: 0;
    margin-right: 8px;
    position: relative;
    display: inline-block;
}

.btn-round-.trngl:after {
    content: "";
    position: absolute;
    right: -4px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #e8e8e8;
    clear: both;
    transform: translateY(-50%);
}

.btshad-b1 {
    -webkit-box-shadow: 0 10px 15px 0px rgba(175, 0, 87, 0.2);
    box-shadow: 0 10px 15px 0px rgba(175, 0, 87, 0.2);
}

.btshad-b2 {
    -webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, 0.2);
    box-shadow: 0 10px 15px 0px rgba(56, 0, 189, 0.2);
}

.nx-dropdown {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 80px;
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

div.custom-nav>ul>li:hover .nx-dropdown {
    opacity: 1;
    height: auto;
    overflow: inherit;
}

.submenu-btnset {
    position: relative;
    display: block;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: normal;
}

.sub-menu-column {
    width: 25%;
    float: left;
    padding: 0 20px;
}

.sub-menu-column .menuheading {
    color: #050748;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.2px;
    margin: 0 0 16px 0;
    padding: 0 0 14px 0;
    border-bottom: 1px solid #dadada;
}

.sub-menu-column ul {
    width: 100%;
    display: inline-block;
    position: relative;
}

.sub-menu-column ul li {
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    margin-right: 0;
    margin-bottom: 9px;
}

.sub-menu-column ul li a {
    width: 100%;
    font-size: 15px;
    color: #050748;
    position: relative;
    line-height: 25px;
    font-weight: 600;
}

.sub-menu-section {
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 0.04);
    border-top: 2px solid #f3f3f3;
    width: 100%;
    padding: 40px 0;
    display: inline-block;
    background-color: #ffffff;
    margin-top: 4px;
}

.btn-block a {
    min-width: 230px;
    text-align: center;
    -webkit-box-shadow: 0 10px 15px 0px rgba(47, 0, 16, 0.15);
    box-shadow: 0 10px 15px 0px rgba(47, 0, 16, 0.15);
}

.bgtspnt {
    background: transparent !important;
}

div.custom-nav>ul>li.sbmenu>a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background: #4f4daf;
    left: -100%;
    bottom: 0px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

div.custom-nav>ul>li.sbmenu:hover>a:after {
    left: 0;
    opacity: 1;
}

.contact-show {
    position: relative;
}

.contact-show:hover .contact-inquiry {
    display: block;
}

.contact-inquiry {
    width: 285px;
    position: absolute;
    top: 48px;
    right: 0;
    z-index: 99;
    display: none;
    transition: all 2s linear;
}

.hrbg {
    background: #e4e8ff;
}

.contact-info- .contct-heading {
    font-size: 19px;
    color: #3c4147;
    font-weight: 700;
    padding: 11px 20px;
    letter-spacing: 0.2px;
}

.contact-info- .inquiry-card-nn .title-inq-c {
    font-size: 14px;
    font-weight: bold;
}

.contact-info- .inquiry-card-nn ul li a {
    font-size: 16px;
    color: #050748;
    font-weight: 700;
    text-decoration: none;
}

.contact-info- .inquiry-card-nn {
    border-top: 1px solid #e1e1e2;
    position: relative;
    padding: 15px 20px;
    text-align: left;
}

.contact-info- {
    width: 100%;
    display: inline-block;
    padding: 0;
    background: #fff;
    border-radius: 5px;
    margin-top: 20px;
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.contact-info- .inquiry-card-nn ul li {
    list-style: none;
    margin: 14px 0;
    text-align: left;
    display: block;
}

.contact-info- .inquiry-card-nn ul li.mb0 {
    margin-bottom: 0;
}

.contact-info- .inquiry-card-nn ul li i {
    font-size: 20px;
    margin: 0 11px 0 0px;
    color: #8bc34a;
}

.contact-info- .inquiry-card-nn span {
    font-size: 13px;
    color: #828282;
}

.contact-info- .inquiry-card-nn .fa-envelope {
    color: #012169;
}

.contact-info-:after {
    content: "";
    position: absolute;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 7px solid rgba(255, 255, 255, 0.95);
    top: -14px;
    right: 22px;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
}


/**circle button effect**/

a.play-video {
    min-width: 60px;
    min-height: 60px;
    display: inline-flex;
    background: #ffffff;
    border-radius: 1000px;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    outline: none;
    position: relative;
    padding: 10px;
    align-items: center;
}

a.play-video::after {
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 6px solid #ffffff;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ring-ani 1.75s infinite cubic-bezier(0.66, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(12, 108, 211, 0.5);
}

@-webkit-keyframes ring-ani {
    to {
        box-shadow: 0 0 0 18px rgba(12, 108, 211, 0);
    }
}

.triangle-play {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 18px solid #ff5b2e;
    border-bottom: 10px solid transparent;
    text-align: center;
    margin: 0 auto 0;
}


/****/

.hero-card-web {
    position: relative;
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 100px;
    height: 100vh;
    align-items: center;
    display: flex;
}

.hero-main-rp {
    padding: 0 30px 0 180px;
}

.hero-heading-sec h2 {
    color: #fff;
    font-size: 55px;
    line-height: 67px;
    text-transform: uppercase;
    font-weight: 700;
}

.hero-heading-sec h2 span {
    display: block;
}

.hero-heading-sec>p {
    color: #fff000;
    font-size: 18px;
    max-width: 400px;
    margin: 40px 0;
}

.flags-size {
    width: 25px;
}

.awards-block-tt {
    margin-top: 40px;
}

.hero-content-sec {
    display: inline-flex;
    align-items: center;
}

.title-hero-oth p {
    font-size: 20px;
    color: #fff;
    margin: 0 0 0 25px;
    text-transform: uppercase;
}

.title-hero-oth p span {
    display: block;
    color: #fff000;
}

.hero-service-cards {
    margin-top: 100px;
}

.service-slide {
    border-radius: 30px;
    max-width: 280px;
    overflow: hidden;
    margin: 20px 0;
    transform-style: preserve-3d;
    transform: perspective(1000px);
}

.service-card-hh {
    transform: translateZ(20px);
    display: block;
}

.image-sr-mm {
    height: 250px;
    width: 100%;
    padding: 0px 0 0px 0;
    position: relative;
    margin: 0 auto;
}

.image-sr-mm img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto 0;
    max-width: 100%;
    max-height: 100%;
    width: initial !important;
}

.title-serv-c {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    padding: 20px 20px 35px;
}

.title-serv-c span {
    display: block;
}

.card-bg-a {
    background: #3faee5;
    background: -moz-linear-gradient(top, #3faee5 0, #6d03ce 100%);
    background: -webkit-linear-gradient(top, #3faee5 0, #6d03ce 100%);
    background: linear-gradient(to bottom, #3faee5 0, #6d03ce 100%);
}

.card-bg-b {
    background: #ff92f6;
    background: -moz-linear-gradient(top, #ff92f6 0, #b300a5 100%);
    background: -webkit-linear-gradient(top, #ff92f6 0, #b300a5 100%);
    background: linear-gradient(to bottom, #ff92f6 0, #b300a5 100%);
}

.card-bg-c {
    background: #3e35b7;
    background: -moz-linear-gradient(top, #3e35b7 0, #4c4aff 100%);
    background: -webkit-linear-gradient(top, #3e35b7 0, #4c4aff 100%);
    background: linear-gradient(to bottom, #3e35b7 0, #4c4aff 100%);
}

.card-bg-d {
    background: #f72c8c;
    background: -moz-linear-gradient(top, #f72c8c 0, #b82dcf 100%);
    background: -webkit-linear-gradient(top, #f72c8c 0, #b82dcf 100%);
    background: linear-gradient(to bottom, #ffa76a 0, #ff8e38 100%);
}

.card-bg-e {
    background: #5782ea;
    background: -moz-linear-gradient(top, #5782ea 0, #2251af 100%);
    background: -webkit-linear-gradient(top, #5782ea 0, #2251af 100%);
    background: linear-gradient(to bottom, #5782ea 0, #2251af 100%);
}

.card-bg-f {
    background: #95e5ff;
    background: -moz-linear-gradient(top, #95e5ff 0, #009688 100%);
    background: -webkit-linear-gradient(top, #95e5ff 0, #009688 100%);
    background: linear-gradient(to bottom, #95e5ff 0, #009688 100%);
}

.shape-bg3:before {
    content: "";
    background: url(../images/shape/shape-12.svg);
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.03;
}


/**Hero section**/

.hero-bg-bg1:before {
    content: "";
    background: url(../images/hero/banner-shap-2.png);
    position: absolute;
    height: 100vh;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    background-position: left 0;
    background-size: contain;
    background-repeat: no-repeat;
}

.hero-section {
    position: relative;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
    height: 100vh;
    align-items: center;
    display: grid;
}

.btn-main:hover {
    color: #fff;
}

.btn-main {
    font-size: 16px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    padding: 0px 32px;
    line-height: 56px;
    text-align: center;
    outline: none;
    color: #fff;
    background-color: #ff5b2e;
    border: none;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    position: relative;
}

.header-heading h1 {
    font-size: 60px;
    line-height: 72px;
    font-weight: 700;
    margin-bottom: 30px;
}

.header-heading p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 35px;
}


/**About section**/

.about-agency .common-heading h2 {
    margin-bottom: 20px;
}

.about-agency {
    position: relative;
    overflow: hidden;
}

.about-agency:before {
    content: "";
    background: url(../images/shape/dot_bg.png);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.text-l {
    text-align: left !important;
}

.common-heading>span {
    color: #f07230;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 15px 0;
    display: block;
}

.quote {
    font-weight: 500;
    padding: 25px;
    position: relative;
    border-left: 4px solid #ff358f;
    margin: 30px 0;
    background: #fafafb;
    color: #6a6a8e;
    font-family: "Poppins", sans-serif;
}

.user- .user-image img {
    border-radius: 100%;
    width: 80px;
}

.user-info {
    margin: 0px 0 0 20px;
    text-align: left;
}

.user-info p span {
    font-weight: 700;
}


/**Service section**/

.service-section {
    background: #f5f7f9;
    position: relative;
    overflow: hidden;
    padding: 80px 0px !important;
}

.service-section-head {
    margin-bottom: 0px;
    text-align: center;
}

.image-block img {
    width: 100%;
    border-radius: 8px;
}

.img-block img {
    width: 100%;
    border-radius: 8px;
}

.white-text {
    color: #fff !important;
}

.shape-num .shape-loc:first-child:before {
    content: "";
    background: url(../images/shape/shape-1.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    left: -40px;
    bottom: -60px;
    z-index: -1;
}

.shape-num .shape-loc:last-child:after {
    content: "";
    background: url(../images/shape/shape-2.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    right: -40px;
    bottom: -60px;
    z-index: -1;
}

.shape-bg2 img {
    z-index: 1;
    position: relative;
}

.shape-bg2 {
    position: relative;
}

.shape-bg2:after {
    content: "";
    background: url(../images/shape/shape-2.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    right: -40px;
    bottom: -60px;
    z-index: -1;
}

.shape-bg2:before {
    content: "";
    background: url(../images/shape/shape-1.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    left: -40px;
    bottom: -60px;
    z-index: 0;
}


/* .service-section:before {
  content: "";
  background: url(../images/All/shape/dot-shape.png) #d7f0fd;
  position: absolute;
  height: 400px;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  background-position: center top;
  background-size: contain;
  background-repeat: repeat;
} */

.s-block {
    background: #fff;
    text-align: center;
    background-size: 200%;
    background-position: top right;
    background-repeat: no-repeat;
    text-align: center;
    padding: 50px 20px;
    margin: 0;
    position: relative;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}

.service-section .s-block {
    background: url(../images/shape/shape-7.svg) #fff;
    background-size: 180px;
    background-position: top right;
    background-repeat: no-repeat;
}

.s-card-icon {
    width: 80px;
    margin: 0 auto 30px;
}

.s-block h4 {
    margin: 0 0 10px 0;
}

.s-block a {
    display: inline-block;
    margin: 30px 0 0 0;
    color: #050748;
    font-family: "Poppins", sans-serif;
}

.upset {
    position: relative;
    z-index: 5;
}


/**Service index2**/

.service-2:before {
    background-color: #f9f9f9;
}

.wide-block {
    padding: 40px 30px;
    margin: 5px 0;
    position: relative;
    border: 0px solid #d4f0ff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}

.service-img1 {
    background: #fff;
}

.service-img1:after {
    background: url(../images/All/service/service-img-1.png);
}

.service-img2 {
    background: #fff;
}

.service-img2:after {
    background: url(../images/All/service/service-img-2.png);
}

.service-img3 {
    background: #fff;
}

.service-img3:after {
    background: url(../images/All/service/service-img-3.png);
}

.service-img4 {
    background: #fff;
}

.service-img4:after {
    background: url(../images/All/service/service-img-4.png);
}

.wide-block:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: 280px;
    background-position: right center;
    background-repeat: no-repeat;
}

.block-space- {
    max-width: 50%;
    position: relative;
    z-index: 555;
}

.wide-block h4 {
    margin: 20px 0 30px 0;
    font-size: 22px;
}


/**Statistics section**/

.tilt3d .statistics-img {
    transform-style: preserve-3d;
    transform: perspective(1000px);
}

.tilt3d .statistics-img img {
    transform: translateZ(20px);
}

.statistics {
    align-items: center;
    display: flex;
    justify-content: center;
}

.statistics p {
    font-size: 20px;
    margin: 10px 0 0 0;
    font-weight: 500;
}

.statistics span {
    font-size: 45px;
    font-family: "Poppins", sans-serif;
    color: #050748;
    font-weight: 700;
    display: inline-block;
}

.statistics-img {
    width: 100px;
    height: 100px;
    float: left;
    padding: 15px;
}

.statnumb {
    margin: 0 0 0 20px;
    text-align: left;
    float: left;
}

.small .statistics-img {
    width: 75px;
    height: 75px;
}

.t-ctr {
    text-align: center;
}

.small .statistics span {
    font-size: 35px;
    color: #050748;
}

.in-stats .statistics span {
    font-size: 35px;
    color: #ff5b2e;
}

.small .statistics p {
    font-size: 18px;
    line-height: 24px;
}

.small {
    margin-top: 100px;
}

.in-stats .statistics {
    text-align: left;
}

.card-stats .statistics {
    padding: 40px;
    text-align: center;
    border-radius: 8px;
    background: #ffffff;
    -webkit-box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #ffffff;
    box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #ffffff;
}


/**Portfolio section**/

.portfolio-section {
    background: #fff;
    position: relative;
}

.portfolio-section:before {
    content: "";
    background: url(../images/All/shape/dot-pattern.png);
    position: absolute;
    height: 400px;
    right: 0;
    left: 0;
    top: 0;
    background-size: auto;
    background-repeat: repeat;
}

.isotope_item {
    position: relative;
}

.item-info {
    padding: 20px 0 0px 0;
}

.isotope_item h4 {
    font-weight: 600;
    margin: 0 0 10px 0;
}

.isotope_item h4 a {
    color: #050748;
}

.item-image {
    display: block;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background: #f3f9ff;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}

.item-image img {
    width: 100%;
}

.portfolio-block {
    position: relative;
    padding: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.portfolio-item-info h3 a {
    color: #050748;
}

.portfolio-item-info {
    width: 50%;
    padding-right: 40px;
}

.portfolio-item-image {
    width: 50%;
    text-align: center;
}

.portfolio-item-info .-reviewr {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    overflow: hidden;
    margin-right: 15px;
}

.portfolio-item-info .review-text {
    padding: 0px 0 20px 0;
}

.portfolio-item-info .reviews-card {
    background: rgba(255, 255, 255, 0.6);
    padding: 25px;
    border-radius: 8px;
}


/**Clients section**/

.clients-logo {
    background: #ffffff;
    padding: 0px 15px;
    max-height: 150px;
    min-height: 150px;
    margin: 0 15px;
    border: 1px solid #d4f0ff;
    align-items: center;
    display: flex;
    position: relative;
    border-radius: 8px;
    -webkit-box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff;
    box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff;
}

.clients-section {
    background: #fffaf5;
    background: -moz-linear-gradient(top, #fffaf5 0%, #f8ecff 100%);
    background: -webkit-linear-gradient(top, #fffaf5 0%, #f8ecff 100%);
    background: linear-gradient(to bottom, #fffaf5 0%, #f8ecff 100%);
}

.clients-logo img {
    margin: 0 auto;
    display: block;
    width: 160px;
}

.opl ul {
    display: contents;
}

.opl ul li {
    width: 20%;
    float: left;
    position: relative;
}


/**Work category section**/

.work-category {
    background: #fbf9ed;
    background: -moz-linear-gradient(top, #fbf9ed 0%, #fbeaf8 100%);
    background: -webkit-linear-gradient(top, #fbf9ed 0%, #fbeaf8 100%);
    background: linear-gradient(to bottom, #fbf9ed 0%, #fbeaf8 100%);
    position: relative;
}

.work-category .common-heading h2 {
    margin-bottom: 30px;
}

.work-card p {
    color: #050748;
    font-family: "Poppins", sans-serif;
    line-height: 24px;
    font-size: 16px;
    margin: 5px 0 0 0;
    padding: 0 12px;
}

.icon-bg {
    display: block;
    height: 62px;
    width: 62px;
    margin: 0 auto;
    text-align: center;
}

.icon-set {
    width: 25%;
    display: inline-block;
    float: left;
    position: relative;
}

.work-card {
    margin: 10px;
    padding: 30px 20px;
    max-height: 170px;
    text-align: center;
    min-height: 170px;
    border-radius: 8px 40px 8px 40px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}

.cd1 {
    background: #70e4e8;
}

.cd2 {
    background: #f5eb92;
}

.cd3 {
    background: #a3ffe2;
}

.cd4 {
    background: #ffbc7a;
}

.cd5 {
    background: #e3ff8e;
}

.cd6 {
    background: #ffa0c6;
}

.cd7 {
    background: #f3a6ff;
}

.cd8 {
    background: #97ffaf;
}

.cd9 {
    background: #6cfffa;
}

.cd10 {
    background: #77baff;
}

.cd11 {
    background: #ffefd4;
}

.cd12 {
    background: #7affdb;
}


/**Testimonial section**/

.testinomial-section {
    background: url(../images/shape/shape-9.svg) #fff;
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
}

.testinomial-section-head {
    text-align: center;
    margin-bottom: 56px;
}

.testimonial-card .t-text p {
    font-size: 16px;
    line-height: 28px;
}

.testinomial-section .owl-carousel .owl-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    background: #ffffff;
    width: 100px;
    margin: 0;
    height: 50px;
    padding: 25px 0 0 0;
}

.user-info p {
    font-size: 16px;
    line-height: 24px;
}

.owl-carousel .user-image img {
    border-radius: 100%;
    width: 80px;
}

.owl-carousel .owl-dots .owl-dot:before {
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    opacity: 0;
    background: 0 0;
    border: 1px solid #ff5b2e;
}

.owl-carousel .owl-dots .owl-dot:after,
.owl-carousel .owl-dots .owl-dot:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    -webkit-transition: ease-out 0.16s;
    transition: ease-out 0.16s;
}

.owl-carousel .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    vertical-align: middle;
}

.owl-carousel .owl-dots .owl-dot.active:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.owl-carousel .owl-dots .owl-dot:after {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.4;
    background: #ff5b2e;
    width: 10px;
    height: 10px;
}

.owl-carousel .owl-dots .owl-dot.active:after,
.owl-carousel .owl-dots .owl-dot.active:before {
    opacity: 1;
}

.owl-carousel .owl-dots .owl-dot.active:after,
.owl-carousel .owl-dots .owl-dot:focus:after,
.owl-carousel .owl-dots .owl-dot:hover:after {
    opacity: 1;
}


/**Enquire form section**/

.light-bgs {
    background: rgba(255, 255, 255, 0.52);
    padding: 30px;
    border-radius: 8px;
}

.enquire-form {
    background: #d6fffc;
    background: -moz-linear-gradient(top, #d6fffc 0%, #ffeff5 100%);
    background: -webkit-linear-gradient(top, #d6fffc 0%, #ffeff5 100%);
    background: linear-gradient(to bottom, #d6fffc 0%, #ffeff5 100%);
}

.custom-file-label::after {
    line-height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    border: 0;
    height: auto;
    padding: 0px 15px;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0;
    cursor: pointer;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    padding: 0px 15px;
    font-weight: 400;
    height: 50px;
    line-height: 46px;
    background-color: #fff;
    border: 2px solid #ced4da;
    border-radius: 4px;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

.modal-backdrop.show {
    opacity: 0.9;
    z-index: 99999;
}

.fdgn2 input,
.fdgn2 select,
.fdgn2 textarea {
    border: 2px solid #e6e6e6 !important;
}

.form-block input:focus,
.form-block textarea:focus {
    border-bottom: 2px solid #ff5b2e;
}

.form-block input {
    width: 100%;
    height: 50px;
    padding: 0px 15px;
    margin: 0px 0 15px 0;
    color: #172b43;
    font-size: 16px;
    outline: none;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.form-block textarea {
    height: 100px;
    width: 100%;
    padding: 15px;
    margin: 0px 0 15px 0;
    color: #172b43;
    font-size: 16px;
    outline: none;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.form-block .form-group {
    margin-bottom: 0;
}

.form-block select {
    width: 100%;
    height: 50px;
    padding: 0px 15px;
    margin: 0px 0 15px 0;
    color: #172b43;
    font-size: 16px;
    outline: none;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.help-block.with-errors {
    color: #ff5050;
    margin: 0px 0 0 10px;
    font-size: 13px;
    position: relative;
    bottom: 12px;
}

.messages .alert {
    position: relative;
    padding: 6px 25px 6px 6px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 14px;
}

.form-block .messages button:hover {
    background-color: transparent;
}

.messages .close {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
    text-align: right;
    position: absolute;
    right: 5px;
    top: 0;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #ff5b2e;
    background-color: #ff5b2e;
}

.custom-control-input:focus~.custom-control-label::before {
    -webkit-box-shadow: 0 3px 6px rgba(91, 130, 148, 0.08);
    box-shadow: 0 3px 6px rgba(91, 130, 148, 0.08);
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #ffbc80;
}

.custom-control-label::before {
    position: absolute;
    top: -1px;
    left: -1.5rem;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-control-label::after {
    position: absolute;
    top: -3px;
    left: -26px;
    display: block;
    width: 25px;
    height: 25px;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.custom-control {
    margin-bottom: 10px;
    padding-left: 0px !important;
}

.form-block label input {
    height: 20px;
    width: 20px;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
}

.fieldsets label {
    position: relative;
    top: -14px;
    font-size: 14px;
    color: #ff5b2e;
    margin: 0;
    padding: 0;
    display: inline;
}

.custom-control label {
    text-indent: -21px;
    padding: 2px 0 0 21px;
    font-size: 14px;
    line-height: 0;
}

.form-block label a {
    color: #000;
}

.form-block p.trm {
    font-size: 13px;
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
}

.form-block p.trm i {
    padding: 5px 5px 0 0;
}

.form-block button:hover {
    background-color: #ff5b2e;
}

.form-block button {
    width: 100%;
}


/**Our office section**/

.our-office {
    background: #fff;
    position: relative;
    overflow: hidden;
}

.shape-bg1,
.shape-num,
.shape-num {
    position: relative;
}

.shape-numm .shape-loc:first-child:before {
    content: "";
    background: url(../images/shape/shape-1.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    left: -40px;
    top: -55px;
    z-index: -1;
}

.shape-numm .shape-loc:last-child:after {
    content: "";
    background: url(../images/shape/shape-2.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    right: -40px;
    top: -55px;
    z-index: -1;
}

.shape-bg1:before {
    content: "";
    background: url(../images/shape/shape-1.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    left: -40px;
    top: -55px;
    z-index: -1;
}

.shape-bg1:after {
    content: "";
    background: url(../images/shape/shape-2.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    right: -30px;
    top: -80px;
    z-index: -1;
}

.office-text {
    padding: 20px 0 0 0;
}

.office-text h4 {
    margin: 0 0 10px 0;
}

.office-text p {
    padding: 0 50px 0 0;
    margin: 0 0 20px 0;
}

.skyline-img {
    background: #fbf4f1;
    padding: 20px;
    border-radius: 8px 40px 8px 0px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}

.-address-list li a {
    color: #6a6a8e;
}

.-address-list li a i {
    width: 25px;
}

.-address-list li {
    line-height: 35px;
}


/**Footer section**/

footer {
    position: relative;
}

.footer-svg {
    height: 80px;
    overflow: hidden;
    margin: -20px 0 0 0px;
}

.footer-svg svg path {
    fill: #fff0f5;
}

footer .row {
    position: relative;
    z-index: 1;
}

footer.ftshap:after {
    content: "";
    background: url(../images/shape/shape-1.png);
    position: absolute;
    width: 200px;
    height: 370px;
    background-repeat: no-repeat;
    top: 35%;
    z-index: 0;
    right: 0;
    background-position: center right;
    background-size: 80%;
    opacity: 0.5;
}

footer.ftshap:before {
    content: "";
    background: url(../images/shape/shape-2.png);
    position: absolute;
    width: 250px;
    height: 250px;
    bottom: 0;
    z-index: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100%;
    opacity: 0.5;
}

.footer-row1 {
    background: #fbf1ef;
    padding: 60px 0;
}

.footer-row2 {
    background: #ffffff;
    padding: 50px 0 80px 0;
}

.footer-row3 {
    background: #ffffff;
    padding: 40px 0;
}

.email-subs h3 {
    margin-bottom: 10px;
}

.hline {
    border-top: 1px solid #e2eaef;
    margin: 0;
    position: relative;
}

.email-subs-form {
    position: relative;
}

.email-subs-form form {
    align-items: center;
    justify-content: center;
    display: flex;
}

.email-subs-form input {
    width: 100%;
    height: 65px;
    padding: 0px 175px 0px 30px;
    margin: 0px 0 0px 0;
    color: #172b43;
    font-size: 16px;
    outline: none;
    background: #fff;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: -6px 6px 11px #f2f2f2, 6px -6px 11px #fff0e8;
    box-shadow: -6px 6px 11px #f2f2f2, 6px -6px 11px #fff0e8;
}

.email-subs-form button {
    width: max-content;
    position: absolute;
    right: 5px;
    border-radius: 28px 100px 100px 28px;
    padding: 0 30px;
    line-height: 55px;
    box-shadow: none;
}

.footer-row2 h5 {
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 500;
    margin-top: 30px;
}

.footer-address-list li p {
    font-weight: 600;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    line-height: 25px;
}

.footer-address-list li p span {
    display: flex;
    font-weight: 400;
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
}

.footer-address-list li>span {
    position: relative;
    top: 5px;
}

.footer-address-list li {
    color: #6a6a8e;
    display: flex;
    padding: 0 0 5px 0;
}

.footer-address-list li:last-child {
    padding: 0 0 0px 0;
}

.footer-address-list li a {
    color: #6a6a8e;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.footer-address-list li i {
    margin: 0 15px 0 0;
    display: initial;
    font-size: 21px;
}

.ftr-details li {
    padding: 0 0 15px 0;
}

.footer-block {
    padding: 20px 0;
}

.social-links {
    text-align: right;
}

.social-links a {
    color: #6a6a8e;
    font-size: 25px;
    line-height: 1;
}

.footer-social-media-icons a:hover {
    color: #ff5b2e !important;
}

.footer-social-media-icons a {
    color: #6a6a8e;
    font-size: 26px;
    border-radius: 4px;
    margin: 0 20px;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 34px;
}

.copyright {
    text-align: center;
    color: #6a6a8e;
}

.footer-social-media-icons {
    margin: 0 0 30px 0;
}

.footer- p a {
    color: #6a6a8e;
}

.link-hover a {
    color: #6a6a8e;
    font-family: "Poppins", sans-serif;
    display: inline-block;
    padding: 3px 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    z-index: 1;
}

.link-hover a::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    background: currentColor;
}

.link-hover a:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.link-hover a:hover {
    color: #f07230 !important;
}

.link-hover a i {
    font-size: 14px;
    margin-left: 4px;
}


/**breadcrumb**/

.breadcrumb-area {
    padding: 202px 0px 90px 0px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.breadcrumb-areav2 {
    padding: 80px 0px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bread-titlev2 {
    text-align: center;
}

.statistics-wrap {
    padding: 30px 0;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.05);
}

.breadcrumb-areav2:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    right: 0;
    left: 0;
    z-index: 0;
    background: #063462;
}

.breadcrumb-area:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.85;
    right: 0;
    left: 0;
    z-index: 0;
    background: -moz-linear-gradient(-45deg, #ffdee9 0%, #c8fff4 100%);
    background: -webkit-linear-gradient(-45deg, #ffdee9 0%, #c8fff4 100%);
    background: linear-gradient(135deg, #ffdee9 0%, #c8fff4 100%);
}

.breadcrumb-area:after {
    content: "";
    z-index: 0;
    background: url(../images/banner/banner-shap-2.png);
    background-size: auto;
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    z-index: 1;
    background-position: center right;
    background-size: contain;
}

.breadcrumb-areav2 ul li {
    display: block;
    display: inline-block;
}

.bread-menu li a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-right: 6px;
    display: inline-block;
}

.bread-menu li+li::before {
    font-size: 5px;
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-weight: bold;
    margin: 0 10px 0 0;
    position: relative;
    top: -3px;
    color: #fff;
}


/***About page***/

.text-block {
    position: relative;
    z-index: 55;
}

.bread-title h2 {
    font-weight: 600;
    font-size: 35px;
    line-height: 47px;
    margin: 15px 0 0 0;
    color: #fff;
}

.bread-inner {
    text-align: center;
}

.bread-inner p {
    font-size: 16px;
    line-height: 28px;
}

.block-1 p+p {
    margin: 25px 0 0 0;
}

.block-1 .small {
    margin-top: 50px;
}

.block-1 .statnumb {
    margin: 0 0 0 0px;
}

.why-choose {
    background: #f7fcff;
}


/**Team page**/

.banner-4 {
    background: url(../images/banner/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.team {
    overflow: hidden;
}

.bg-gradient99 {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #eef4fd 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #eef4fd 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #eef4fd 100%);
}

.image-div {
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.info-text-block {
    padding: 20px 0 0px 0;
}

.info-text-block h4 {
    margin: 0 0 10px 0;
}

.info-text-block h4 a {
    color: #050748;
}

.full-image-card {
    margin-top: 60px;
}

.otherinfo {
    margin: 30px 0 0 0px;
}

.otherinfo p {
    line-height: 28px;
}

.social-media-profile {
    margin: 30px 0 0 0px;
}

.social-media-profile a {
    color: #6a6a8e;
    font-size: 22px;
    margin: 0 30px 0 0;
    display: inline-block;
    line-height: 34px;
}

.social-media-profile a:hover {
    color: #ff5b2e;
}

.bg-shape img {
    position: relative;
    z-index: 5;
}

.bg-shape:after {
    content: "";
    background: url(../images/All/shape/shape-1.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    left: -55px;
    top: -55px;
    z-index: 0;
}

.bg-shape:before {
    content: "";
    background: url(../images/All/shape/shape-2.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    right: -55px;
    bottom: -55px;
    z-index: 0;
}


/**Portfolio page**/

.banner-3 {
    background: url(../images/All/banner/5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.common-heading.pp h2 {
    margin-bottom: 0px;
}

.common-heading.pp {
    padding: 0;
    text-align: left;
}

.common-heading.pp p {
    margin: 20px 0 0 0;
}

.single-card-item {
    margin-top: 60px;
}

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

.filters .filter-menu.recent {
    list-style: none;
    padding: 0;
    bottom: 0;
    position: inherit;
    text-align: right;
    margin: 35px 0 0 0;
}

.filters .filter-menu li {
    display: inline-block;
    padding: 20px;
    color: #333;
    cursor: pointer;
    background: #feeee3;
    -webkit-border-radius: 100px;
    border-radius: 40px 40px 40px 20px;
}

.filters .filter-menu li.is-checked {
    background: #f95b94;
    color: #fff;
}

.portfolio-meta ul li {
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: left;
    position: relative;
    padding: 15px 20px 15px 55px;
    border-bottom: 2px solid #ffffff40 !important;
}

.portfolio-meta ul li:last-child {
    border: none !important;
}

.portfolio-meta ul li p {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 28px;
    display: inline-block;
    color: #050748;
    font-weight: 600;
}

.portfolio-meta ul li p span {
    font-family: "Open Sans", sans-serif;
    display: block;
    margin-top: 2px;
    color: #6a6a8e;
    font-weight: 400;
}

.portfolio-meta ul li i {
    position: absolute;
    left: 10px;
    color: #050748;
    font-size: 25px;
    top: 50%;
    margin-top: -12.5px;
}

.pv-:hover .item-image img {
    transform: scale(1);
}


/***Service page***/

.h-scroll {
    width: 100%;
    padding: 50px 10px;
}

.tech-icons img {
    width: 45px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
}

.tech-icons li {
    margin: 6px;
    display: inline-block;
}

.tech-icons a:hover {
    border: 4px solid #d9cbff;
}

.tech-icons a {
    border: 4px solid #fff;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}

.techonology-used- {
    text-align: center;
    background: #f9f9f9;
}

.banner-2 {
    background: url(../images/banner/6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.service {
    overflow: hidden;
}

.service .common-heading h2 {
    margin-bottom: 20px;
}

.cta-area {
    position: relative;
    overflow: hidden;
    background: #e0f8ff;
    background: -moz-linear-gradient(top, #e0f8ff 0%, #fff0e5 100%);
    background: -webkit-linear-gradient(top, #e0f8ff 0%, #fff0e5 100%);
    background: linear-gradient(to bottom, #e0f8ff 0%, #fff0e5 100%);
}

.btn-outline {
    border: 2px solid #f07230;
    color: #f07230;
    display: inline-block;
    padding: 0px 32px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    background: #fff;
    line-height: 52px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.btn-outline:hover {
    background: #ff5b2e;
    color: #fff;
    border: 2px solid #ff5b2e;
}

.cta-call {
    margin: 30px 0 0 0;
}

.cta-call i {
    margin: 0 5px 0 0px;
}

.cta-call a {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    color: #6a6a8e;
    display: inline-block;
    padding: 0 0 0 10px;
}

.cta-area .common-heading h2 {
    margin-bottom: 40px;
}

.shape {
    position: absolute;
}

.shape-a1 {
    bottom: -20px;
    left: 0;
}

.shape-a2 {
    bottom: -30px;
    right: 0;
}

.shape-a3 {
    top: 0px;
    right: 0;
}

.shape-a4 {
    top: -150px;
    right: 20%;
}


/**Service details page**/

.common-heading.ptag h2 {
    margin-bottom: 15px;
}

.common-heading.ptag p {
    font-size: 16px;
    line-height: 28px;
}

.ps-block span {
    font-size: 60px;
    font-family: "Poppins", sans-serif;
    border-radius: 100%;
    border: 1px solid #e8e8e8;
    width: 100px;
    height: 100px;
    display: block;
    text-align: center;
    line-height: 100px;
    margin: 0 0 20px 0;
    color: #6a6a8e;
    border-radius: 68% 32% 64% 36% / 59% 59% 41% 41%;
    background: #f5f5ff;
    animation: border-transform 6s linear infinite;
}

.ps-block h3 {
    margin-bottom: 20px;
}

.ps-block p {
    font-size: 16px;
    line-height: 28px;
}

.ps-block {
    padding: 0 25px;
}

.featured-project .isotope_item {
    margin-top: 60px;
}

.featured-project {
    background: #f3fbff;
    background: -moz-linear-gradient(top, #f3fbff 0%, #fffdf6 100%);
    background: -webkit-linear-gradient(top, #f3fbff 0%, #fffdf6 100%);
    background: linear-gradient(to bottom, #f3fbff 0%, #fffdf6 100%);
}

.maga-btn {
    text-align: center;
}

.image-block1 img {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
}

.image-block img {
    -webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
    box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
    -webkit-border-radius: 8px;
}

.wide-sblock {
    display: inline-flex;
    text-align: left;
    padding: 30px 20px;
    min-height: 100%;
}

.s-block-content {
    margin: 0 0 0 20px;
}

.key-points {
    display: block;
}

.key-points li {
    padding: 8px 0 8px 35px;
    position: relative;
    line-height: 28px;
    font-size: 17px;
}

.key-points li:before {
    content: "\f00c";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 0;
    top: 9px;
    background: #ffc627;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    color: #333;
}

.service-point-2 {
    display: flow-root;
}

.service-point-2 li {
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    padding: 4px 0;
    float: left;
    width: 50%;
}

.s-card-icon-large {
    width: 150px;
}

.s-block-content-large {
    margin: 0 0 0 20px;
    width: calc(100% - 150px);
}


/**Pricing page**/

.pricing-table {
    position: relative;
    text-align: center;
    padding: 30px 30px 0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #ffffff;
    box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #ffffff;
}

.pricing-table img {
    background: #e9f8ff;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    padding: 10px;
    border: 8px solid #fbfbfb;
    animation: border-transform 6s linear infinite;
}

.pricing-table .title {
    margin: 30px 0 10px 0;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    display: block;
    letter-spacing: 0.5px;
}

.pricing-table .title-sub {
    margin: 0 0 30px 0;
}

.pricing-table .inner-table h2 {
    font-size: 42px;
    font-weight: 700;
    color: #ff5b2e;
    margin-bottom: 3px;
}

.pricing-table .inner-table p.duration {
    color: #72729a;
    font-weight: 500;
    margin-bottom: 0;
}

.pricing-table .inner-table .details {
    margin-top: 35px;
    padding-top: 28px;
    padding-bottom: 30px;
    line-height: 42px;
    border-top: 1px solid #e5e5e5;
}

.pricing-table a {
    margin-bottom: -26px;
    display: inline-block;
}

.pricing-table .inner-table .details ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.pricing-table.best-plan .inner-table h2 {
    color: #2a89ea;
}

.pricing-table.best-plan img {
    background: #ccf0ff;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    padding: 10px;
    border: 8px solid #e9f8ff;
}


/**Case study page**/

.banner-5 {
    background: url(../images/All/banner/7.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.case-study1 {
    overflow: hidden;
}

.case-study3 {
    overflow: hidden;
}

.case-study .image-div {
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}

.case-study2 {
    background: #fee;
}

.image-div img {
    width: 100%;
}

.case-study2 .s-block {
    text-align: center;
    background: #fff;
    padding: 50px 20px;
    margin: 5px 0;
    position: relative;
    border: 1px solid #d4f0ff;
    -webkit-box-shadow: -25px 25px 45px #f0dede, 25px -25px 45px #fff6f6;
    box-shadow: -25px 25px 45px #f0dede, 25px -25px 45px #fff6f6;
}

.case-study3 .image-block img,
.case-study1 .image-block img {
    -webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
    box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
    width: 100%;
}

.case-study4 {
    background: #fff;
}

.project-platform {
    display: inline-flex;
}

.project-platform-used a {
    display: flex;
    margin: 0 auto;
    align-items: center;
    height: 100%;
}

.project-platform-used img {
    width: 40px;
    margin: 0 auto;
}

.project-platform-used {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 100%;
    text-align: center;
}

.screen-splits {
    padding: 0 10px;
}


/**Blog page**/

.vrbloglist+.vrbloglist {
    margin-top: 60px;
}

.entry-blog {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 15px;
    margin: 5px 0 15px 0;
}

.entry-blog a {
    color: #6a6a8e;
}

.entry-blog a i {
    margin-right: 4px;
}

.bypost {
    margin-right: 10px;
}

.item-image {
    position: relative;
}

.category-blog {
    position: absolute;
    left: 0;
    bottom: 0;
}

.posted-on {
    margin-right: 10px;
}

.category-blog a {
    display: inline-block;
    padding: 5px;
    background: #fe409c;
    color: #fff;
}

.image-set {
    border-radius: 8px;
    overflow: hidden;
}

.image-set img {
    width: 100%;
}

.blog-header .user-image img {
    border-radius: 100%;
    width: 50px;
}

.blog-header .user-info {
    font-family: "Poppins", sans-serif;
    margin: 0px 0 0 20px;
}

.postwatch {
    text-align: right;
}

.ul-list {
    padding: 0 0 0 20px;
}

.ul-list li {
    font-size: 16px;
    line-height: 38px;
    list-style-type: circle;
}

.rd-quote {
    padding: 30px;
    position: relative;
    border-left: 4px solid #fc4899;
    font-size: 20px;
    line-height: 32px;
    font-style: italic;
    margin: 40px 0;
    background: #fafafb;
}

.author-block {
    position: relative;
    padding: 30px;
    margin-top: 50px;
    border-top: none;
    background: #fafafb;
    border-radius: 10px;
}

.author-block .user-image img {
    width: 80px;
    border-radius: 100px;
}

.comments-block h2 {
    font-weight: 600;
    font-size: 25px;
    line-height: 35px;
}

.comments-block .user-info h5 span {
    font-size: 15px;
    text-align: right;
    float: right;
    color: #6a6a8e;
}

.comments-block .user-info h5 {
    font-size: 20px;
    display: flow-root;
}

.comments-block .user-info h5 a {
    display: inline-block;
    padding: 0 0 0 6px;
    color: #00b2ff;
}

.comments-block .user-image img {
    width: 50px;
    border-radius: 100px;
}

.replied {
    padding-left: 60px;
}

.form-blog button {
    width: max-content;
}

.comments-block .media+.media {
    margin-top: 60px;
}

.form-blog {
    background: #fafafb;
    padding: 40px;
    border-radius: 8px;
}

.offer-image {
    border-radius: 8px;
    overflow: hidden;
}

.offer-image img {
    width: 100%;
}

.recent-post .post-info p {
    font-size: 16px;
    line-height: 28px;
}

.recent-post .post-image img {
    border-radius: 8px;
    width: 80px;
}

.recent-post .post-image a {
    display: block;
}

.recent-post .post-info h5 a {
    color: #050748;
}

.recent-post .post-info h5 a:hover {
    color: #2196f3;
}

.recent-post .post-info h5 {
    font-size: 16px;
    line-height: 26px;
}

.post-info {
    margin: 0px 0 0 20px;
}

.widgets h3 {
    font-size: 20px;
}

.recent-post .media+.media {
    margin-top: 20px;
}

.tabs a {
    font-size: 15px;
    font-weight: 400;
    text-transform: lowercase;
    padding: 0px 10px;
    line-height: 30px;
    border-radius: 4px;
    border: none;
    color: inherit;
    margin: 0 4px 8px 0;
    display: inline-block;
    background: #f6f5fa;
    font-family: "Poppins", sans-serif;
}

.blog-categories ul li:first-child a {
    padding-top: 0;
}

.blog-categories ul li a {
    font-family: "Poppins", sans-serif;
    display: block;
    padding: 10px 0;
    font-size: 16px;
    line-height: 28px;
    border-bottom: 1px solid #d3d3d3;
    text-decoration: none;
    color: #757589;
    position: relative;
}

.blog-categories ul li span.categories-number {
    position: absolute;
    right: 0;
}

.blog-categories ul li:first-child {
    border-top: 0px solid;
}

.blog-post-tag span {
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin-bottom: 17px;
    color: rgb(6, 42, 77);
}

.blog-share-icon span {
    font-size: 18px;
    font-weight: 700;
    color: rgb(6, 42, 77);
    display: block;
    margin-bottom: 17px;
}

.blog-share-icon a {
    color: #6a6a8e;
    font-size: 18px;
    margin-right: 22px;
}

.blog-post-tag a {
    color: #6a6a8e;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
    margin-bottom: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(234, 237, 255);
    border-image: initial;
    padding: 12px 24px;
    border-radius: 5px;
}

.blog-share-icon a:last-child {
    margin-right: 0px;
}

.post-navigation span a {
    color: #6a6a8e;
    margin-bottom: 5px;
    display: block;
}

.post-navigation h4 a {
    color: #050748;
}


/**contact page**/

.banner-6 {
    background: url(../images/banner/4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.contact-location {
    overflow: hidden;
}

.info-card {
    padding: 30px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}

.contact-card {
    background: #fff8f2;
}

.email-card {
    background: #ffecec;
}

.skype-card {
    background: #eafffd;
}

.info-card span i {
    margin-right: 10px;
}

.info-card span {
    font-size: 20px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
}

.info-card p {
    font-size: 16px;
    line-height: 28px;
    margin: 20px 0 10px 0;
}

.info-card a {
    font-size: 20px;
    color: inherit;
    font-weight: 600;
}

.bglight {
    background: #fbfbfb;
}


/**list**/

.list-ul li {
    padding: 0 0px 12px 29px;
    position: relative;
    line-height: 22px;
    font-size: 16px;
}

.list-ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 15px;
}

.ul-check li:before {
    content: "\f00c";
}

.ul-circle li:before {
    content: "\f0a9";
}

.ul-numm li {
    list-style-type: decimal;
    padding: 0 0px 12px 5px;
}

.ul-abc li {
    list-style-type: upper-latin;
    padding: 0 0px 12px 5px;
}

.ul-liin {
    padding: 0 0 0 20px;
}


/**404 page**/

.error {
    height: 100vh;
}

.error-block {
    padding-top: 50px;
    position: relative;
    z-index: 5;
}

.layer-div {
    position: relative;
}

.error-block a {
    margin-top: 40px;
}

.layer-div:before {
    background: url(../images/icons/404.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    right: 0;
    left: 0;
    z-index: 0;
}


/**Client reviews**/

.reviews-block {
    background: #fafaff;
}

.pr-shadow {
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}

.revbx-lr {
    font-size: 40px;
}

.revbx-rl {
    text-align: right;
    display: block;
}

.revbx-rl img {
    max-width: 130px;
}

.reviews-card {
    position: relative;
    z-index: 9;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
}

.right-review-box p {
    color: #676767;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.4px;
    font-style: inherit;
}

.review-text {
    padding: 30px 0;
}

.left-review-box h4 {
    font-size: 16px;
    letter-spacing: 1px;
    color: #333;
    padding: 8px 0 0 0;
}

.-client-details- {
    display: flex;
}

.-reviewr {
    width: 70px;
    height: 70px;
    border-radius: 100px;
    overflow: hidden;
    margin-right: 15px;
}

.reviewer-text h4 {
    color: #333;
    padding: 5px 0 0 0;
    font-size: 16px;
    line-height: 24px;
}

.review-text {
    text-align: justify;
}

.reviewer-text p {
    font-size: 15px;
    line-height: 20px;
}

.star-rate li {
    display: inline-block;
    margin: 0 2px;
}

.star-rate {
    margin-top: 5px;
}

.star-rate li a.chked {
    color: #ff711c;
}

.star-rate li a {
    color: #6a6a8e;
}


/**Freelance Homepage**/

.fl-hero {
    background: url(../images/shape/hero-shape.svg), #ffd6d6;
    background-position: center center, center center;
    background-size: cover, cover;
    background-repeat: no-repeat, no-repeat;
}

.showin-mobile {
    display: none;
}

.follow-label {
    display: flex;
}

.follow-label h6 {
    margin: 0 40px 0 0px;
    position: relative;
}

.follow-label h6:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -38px;
    width: 30px;
    height: 1px;
    background: #6a6a8e;
}

.follow-label a {
    color: #6a6a8e;
    padding: 5px 10px;
    font-size: 20px;
}

.bhv-service {
    overflow: hidden;
}

.counter-number {
    transform: translateZ(20px);
}

.hexagon {
    transform-style: preserve-3d;
    transform: perspective(1000px);
    text-align: center;
    min-width: 240px;
    height: auto;
    padding: 20px 30px;
    margin: 0px 20px;
    background: #fff;
    border-radius: 8px 40px 8px 40px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}

.hexa1 {
    border: 2px solid #ffc3fe;
}

.hexa2 {
    border: 2px solid #ffe6ba;
}

.hexa3 {
    border: 2px solid #addaff;
}

.hexa4 {
    border: 2px solid #ffbaba;
}

.counter-no span {
    font-size: 50px;
    font-weight: 700;
    color: #050748;
}

.counter-no p {
    font-size: 20px;
    margin: 10px 0 0 0;
    font-weight: 500;
}

.counter-no {
    display: inline-block;
}

.freelance-service {
    background: #d4f0ff;
}

.header-heading .title- {
    display: block;
    margin-bottom: 15px;
}

.header-heading span {
    color: #e60072;
}


/**Lead Generation Homepage**/

.lead-hero {
    background: url(../images/hero/bg-gradient.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.follow-label {
    display: flex;
}

.lead-gen-client .clients-logo {
    background: #ffffff;
    padding: 0px 15px;
    max-height: 150px;
    min-height: 150px;
    margin: 0 0px;
    border: 1px solid #d4f0ff;
    align-items: center;
    display: flex;
    position: relative;
    border-radius: 8px;
    -webkit-box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff;
    box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff;
}

.itm-media-object .media .img-media {
    width: 65px;
    background: #d3f3ff;
    padding: 10px;
    border-radius: 8px;
}

.itm-media-object .media-body {
    margin-left: 30px;
}

.why-choos-lg {
    position: relative;
}


/* .why-choos-lg:before {
  content: "";
  background: url(../images/All/shape/dot_bg.png);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
} */

.itm-media-object h4 {
    text-align: left;
}


/**Digital agency homepage**/

.srvc-bg-nx {
    background: #fff;
    overflow: hidden;
    border-radius: 6px;
    margin: 0 10px;
    height: 240px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}

.about-sec-rpb {
    background: #fff8f2;
}

.about-sec-rpb.pad-tb {
    padding-bottom: 200px;
}

.badges-content {
    text-align: center;
}

.badges-content p {
    font-size: 15px;
    line-height: 22px;
    padding: 0 50px;
    margin-top: 10px;
}

.w-txt h2 {
    color: #fff;
}

.common-heading.w-txt>span {
    color: #fff;
}

.-service-list li:first-child {
    padding-left: 0;
}

.-service-list li {
    text-transform: uppercase;
    list-style: none;
    padding: 0 8px;
    border-right: 1px solid #d4d4d4;
    display: inline-block;
}

.-service-list li:last-child {
    border-right: none;
}

.service-sec-list p {
    font-size: 15px;
    line-height: 24px;
    margin: 14px 0 0 0;
}

.-service-list li a {
    font-size: 13px;
    color: #6a6a8e;
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 5px;
    display: inline-block;
    font-weight: 700;
}

.link-prb {
    display: block;
}

.col-lg-6-cus {
    width: 40%;
}

.col-lg-3-cus {
    width: 30%;
}

.mt30- {
    margin-top: 20px;
}

.text-w,
.text-w h4,
.text-w a,
.text-w h1,
.text-w h2,
.text-w h3,
.text-w h5,
.text-w h6 {
    color: #fff;
}

.service-section-prb {
    position: relative;
    margin-top: -200px;
}

.bg-shape-dez {
    position: relative;
}

.bg-shape-dez::after,
.bg-shape-dez::before {
    position: absolute;
    z-index: 0;
    content: "";
    width: 50%;
    height: 50%;
    background: #007bff;
    background: -webkit-linear-gradient(left, #007bff 0%, #ff5b2e 100%);
    background: linear-gradient(to right, #007bff 0%, #ff5b2e 100%);
}

.bg-shape-dez::after {
    top: -10px;
    right: -10px;
    border-radius: 0px 8px 0px 0px;
}

.single-image img {
    position: relative;
    z-index: 5;
    border-radius: 8px;
    width: 100%;
    border: 2px solid var(--primary);
}

.bg-shape-dez::before {
    bottom: -10px;
    left: -10px;
    border-radius: 0px 0px 0px 8px;
}

.single-image img {
    position: relative;
    z-index: 5;
    border-radius: 8px;
    width: 100%;
}

.srcl1 {
    background: #f3f5ff;
    border-bottom: 4px solid #b0bdff;
}

.srcl2 {
    background: #fff3e6;
    border-bottom: 4px solid #ffc093;
}

.srcl3 {
    background: #fbeefd;
    border-bottom: 4px solid #f6bcff;
}

.srcl4 {
    background: #effdff;
    border-bottom: 4px solid #9ff3ff;
}

.srcl5 {
    background: #fbfff1;
    border-bottom: 4px solid #ffdaa2;
}

.service-sec-list p {
    display: none;
}

.service-sec-list {
    padding: 52px 25px;
}

.service-sec-brp {
    padding: 30px 25px;
}

.service-sec-list img {
    -moz-transition: width 0.5s, height 0.5s;
    -webkit-transition: width 0.5s, height 0.5s;
    transition: width 0.5s, height 0.5s;
    height: 60px;
    width: 60px;
    margin-bottom: 10px;
}

.service-sec-list:hover {
    padding: 25px;
}

.service-sec-list:hover img {
    height: 0px;
    width: 60px;
}

.service-sec-list:hover p {
    display: block;
}

.service-sec-list:hover p,
.service-sec-list:hover,
.service-sec-list {
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

.-cta-btn {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.-cta-btn p {
    font-size: 30px;
    color: #050748;
    margin: 0 30px 0 0px;
}

.-cta-btn p span {
    font-weight: bold;
}

.free-cta-title {
    display: inline-flex;
    align-items: center;
}

.key-block.shadow-box {
    padding: 15px;
    margin-bottom: 20px;
    border-top: 3px solid #a241bb;
    transition: all 0.3s ease-out 0s;
}

.key-icon {
    margin-right: 15px;
    float: left;
}

.clients-logos ul li p {
    font-size: 14px;
    padding-top: 0.5em;
    letter-spacing: 0px;
    font-weight: 500;
    color: #000;
    margin: 0 auto;
    text-align: center;
    max-width: 200px;
}

.clients-logos ul li {
    display: inline-block;
    padding: 30px 0 0 0;
}

.brand-logo {
    max-width: 200px;
    margin: 0 auto;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
}

.video-review {
    border-radius: 8px;
    overflow: hidden;
}

.video-review a {
    position: relative;
    display: inline-block;
}

.video-review a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: -moz-linear-gradient( top, rgb(30, 87, 153, 0) 0%, rgb(32, 124, 202, 0) 70%, rgb(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient( top, rgb(30, 87, 153, 0) 0%, rgb(32, 124, 202, 0) 70%, rgb(0, 0, 0, 0.5) 100%);
    background: linear-gradient( to bottom, rgba(30, 87, 153, 0) 0%, rgba(32, 124, 202, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
}

.review-vid-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
    position: absolute;
    bottom: 0;
    z-index: 10;
}

.review-vid-details p {
    font-weight: bold;
    color: #fff;
    font-size: 20px;
}

.-vid-ico {
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    background: #ffffff;
    border-radius: 1000px;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    outline: none;
    position: relative;
    padding: 10px;
    align-items: center;
}

.triangle-play2 {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 12px solid #ff5b2e;
    border-bottom: 7px solid transparent;
    text-align: center;
    margin: 0 auto 0;
}

.rount-btn {
    width: 52px;
    height: 52px;
    padding: 0;
    text-align: center;
    font-size: 18px;
    border: 2px solid #dcdcdc;
}

.review-ref {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.review-icons a {
    display: inline-block;
    padding: 0 20px;
}

.bg-none {
    background: none;
}


/**Digital Agency home 2**/

.img-with-shape {
    position: relative;
    text-align: center;
}

.dg-hero-img0 {
    border-radius: 8px;
    transform: translateZ(60px);
    position: relative;
    z-index: 9;
}

.dg-hero-shp1a {
    top: 0px;
    left: 0px;
}

.dg-hero-shp1 {
    top: -50px;
    left: 0px;
}

.dg-hero-shp2 {
    transform: translatez(80px);
    top: 40%;
    z-index: 999;
    left: 0px;
    max-width: 120px;
}

.dg-hero-shp3 {
    bottom: -80px;
    right: 0px;
}

.shape-dg-1 {
    position: absolute;
}

.dark-main p,
.dark-main .-content-sec .title-hero-oth p,
.dark-main .footer-address-list li a,
.dark-main .post-social a,
.dark-main a {
    color: #a2a2a2;
}

.dark-main h2,
.dark-main h3,
.dark-main h4,
.dark-main h5,
.dark-main h6,
.dark-main .title-hero-oth p,
.dark-main .statistics span,
.dark-main .single-blog-info- h4 a,
.dark-main .review-vid-details p,
.dark-main .isotope_item h4 a,
.dark-main .link-reviewrr a,
.dark-main .entry-blog-post a,
.dark-main h1 {
    color: #e6e6e6;
}

.dark-main a.lnk,
.dark-main a.bg-btn {
    color: #fff;
}

.dark-main input,
.dark-main textarea {
    box-shadow: none;
}

.dark-main .s-block {
    background: #1d1d1d;
    border: 1px solid #1d1d1d;
}

.dark-main .single-blog-post- {
    background: #1d1d1d;
    border: 1px solid #1d1d1d;
}

.dark-main .post-social {
    border-top: 1px solid #2b2b2b;
}

.dark-main .blog-content-tt {
    border: 0px solid #ececec;
}

.f-weight .-cta-btn p span {
    font-weight: 900;
}

p.video-lab-- {
    color: #6a6a8e;
}

.mr25 {
    margin-right: 25px;
}

.dg-bg2 {
    background-image: -moz-linear-gradient( 45deg, #ff3870 0%, #ff3870 50%, #c300c3 100%) !important;
    background-image: -webkit-linear-gradient( 45deg, #ff3870 0%, #ff3870 50%, #c300c3 100%) !important;
    background-image: linear-gradient( 45deg, #ff0048 0%, #ff3870 50%, #c300c3 100%) !important;
}

.hero-digital-agency-1 p {
    color: #bdbfca;
}

.hero-digital-agency-1 .header-heading h1 {
    font-size: 80px;
    line-height: 90px;
    font-weight: 900;
}

.-content-sec .triangle-play {
    border-left: 25px solid #ffffff;
}

.-content-sec a.play-video::after {
    border: 6px solid #ff5b2e;
}

.-content-sec a.play-video {
    background: #ff5b2e;
}

.-content-sec .title-hero-oth p {
    font-size: 18px;
    color: #6a6a8e;
    margin: 0 0 0 20px;
    text-transform: capitalize;
}

.dg-btn {
    background-color: transparent;
    border: 1px solid #fff;
}

.dg-bg {
    background-color: #202020;
}

.dg-bg--1 {
    background-color: #111111;
}

.dg-bg--2 {
    background-color: #171717;
}

.dg-clients-section .opl ul li {
    display: inline-block;
    padding: 30px 0 0 0;
}

.dg-clients-section .opl ul li p {
    font-size: 12px;
    padding-top: 0.5em;
    letter-spacing: 0px;
    font-weight: 300;
    color: #959595;
}

.dg-testinomial-section .owl-carousel .owl-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    background: transparent;
    width: 100px;
    margin: 0;
    height: 50px;
    padding: 25px 0 0 0;
}

.quote-css {
    font-size: 45px;
    padding: 0 20px 0 0;
    color: #909090;
}

.video-testimonial {
    display: flex;
}

.dg-statistics-section .statistics span {
    font-size: 45px;
    font-weight: 900;
}

.common-heading-2 {
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 10;
}

.common-heading-2 h2 {
    font-weight: 900;
}

.common-heading-2>span {
    color: #e60072;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 15px 0;
    display: block;
    font-weight: 900;
}

.itm-media-object .media img {
    width: 100%;
}

.itm-media-object .media .img-ab- {
    background: #f5f5f5;
    border-radius: 8px;
    width: 65px;
    padding: 10px;
}

.overlay-- .s-block {
    background: #222;
    border: 1px solid #222;
    padding: 30px;
    overflow: hidden;
}

.ovr-bg1 .ovr-base:before {
    content: "";
    background: -webkit-linear-gradient( 45deg, #ff0048 0%, #ff3870 50%, #c300c3 100%);
    background: linear-gradient(45deg, #ff0048 0%, #ff3870 50%, #c300c3 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
}

.nn-card-set {
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.ho-gdnt .s-block:hover:before {
    opacity: 1;
}

.ho-gdnt .s-block {
    overflow: hidden;
}

.ho-gdnt .ovr-base:before {
    -webkit-transition: 0.8s cubic-bezier(0.17, 0.85, 0.438, 0.99);
    -o-transition: 0.8s cubic-bezier(0.17, 0.85, 0.438, 0.99);
    transition: 0.8s cubic-bezier(0.17, 0.85, 0.438, 0.99);
}

.ho-gdnt .s-block:hover p,
.ho-gdnt .s-block:hover a,
.ho-gdnt .s-block:hover h4 {
    color: #ffffff;
}

.dg2-main .isotope_item h4 a {
    color: #fff;
}

.up-hor:hover {
    transform: translateY(-7.5px);
}

.h-scl- .h-scl-base {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.h-scl-:hover .h-scl-base {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.h-scl-:hover .h-scl-base img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.h-scl- .h-scl-base {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.h-scl- .h-scl-base,
.h-scl-base img,
.up-hor,
.bd-hor .bd-hor-base:after {
    -webkit-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);
    -o-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);
    transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);
}

.itm-media-object h4 {
    text-align: left;
    margin-bottom: 10px;
}

.single-blog-post- {
    border-radius: 8px;
    background: #fff;
}

.single-blog-img- img {
    border-radius: 8px 8px 0px 0px;
}

.single-blog-img- {
    position: relative;
}

.entry-blog-post {
    border-radius: 100px;
    padding: 10px 15px;
    margin: 0 20px;
    position: absolute;
    bottom: -18px;
    right: 0;
    left: 0;
    justify-content: space-between;
    display: flex;
}

.entry-blog-post a {
    color: #fff;
    font-size: 14px;
}

.single-blog-info- h4 {
    margin-bottom: 18px;
}

.single-blog-info- h4 a {
    color: #050748;
}

.post-social {
    margin: 30px 0 0 0;
    border-top: 1px solid #dadada;
    padding-top: 30px;
}

.post-social a {
    color: #6a6a8e;
    display: inline-block;
    padding: 0 10px 0 0;
}

.blog-content-tt {
    padding: 45px 25px 25px;
    border: 1px solid #ececec;
    border-top: 0;
    border-radius: 0px 0px 8px 8px;
}

.link-reviewrr {
    margin: 30px 0 0 0;
}

.link-reviewrr a {
    display: block;
    padding: 0 0 4px 0;
    color: #6a6a8e;
}

.dark-footer,
.dark-footer .footer-address-list li a,
.dark-footer .footer-address-list li>span,
.dark-footer .footer-address-list li p,
.dark-footer .ff-social-icons a,
.dark-footer .footer-link-- li a {
    color: #a2a2a2;
}

.dark-footer h5 {
    color: #e6e6e6;
}

.dg2-main .footer-address-list li a {
    color: #bdbfca;
}

.footer-copyrights- a {
    color: #bdbfca;
}

.footer-link-- {
    text-align: right;
}

.footer-link-- li {
    display: inline-block;
}

.footer-link-- li a {
    color: #bdbfca;
    margin-left: 15px;
    font-size: 16px;
}

.end-footer- {
    border-top: 1px solid rgba(237, 237, 237, 0.05);
    margin-top: 70px;
    padding: 35px 0;
}

.ff-social-icons a {
    color: #fff;
    padding: 0 20px 0 0;
    font-size: 18px;
}

.video-bg- {
    background: #000;
}

.full-video {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.3;
}

.email-subs-form .form-cta {
    align-items: center;
    justify-content: center;
    display: flex;
}


/**creative Agency home 1**/

.hero-creative-agenc1 {
    background-size: cover;
    background-position: center center;
}

.hero-creative-agenc1 .header-heading h1 {
    font-weight: 900;
}

.ovr-bg2 .ovr-base:before {
    content: "";
    background: -webkit-linear-gradient( 135deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
    background: linear-gradient(135deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
}

.sec-dark h2,
.sec-dark h4,
.sec-dark h5 {
    color: #fff;
}

.sec-dark p {
    color: #bdbfca;
}


/**creative-agenc 2**/

.hero-creative-agenc2 .container {
    max-width: 1320px;
}

.img-design {
    display: inline-flex;
    align-items: center;
}

.ag-dg1 {
    z-index: 1;
    border-radius: 8px 8px 8px 100px;
    min-width: 100%;
    top: 0;
    left: 30px;
    position: relative;
}

.ag-dg2 {
    z-index: 0;
    border-radius: 8px 8px 100px 8px;
    bottom: 0;
    right: 30px;
    min-width: 100%;
    position: relative;
}

.shpdzz {
    position: absolute;
}

.shpdez1 {
    width: 90px;
    height: 90px;
    background: #ffc107;
    border-radius: 100px 100px 00px 100px;
    left: 0;
    bottom: 0;
}

.shpdez2 {
    width: 140px;
    height: 140px;
    background: #00bcd4;
    border-radius: 00px 100px 100px 100px;
    left: 0;
    top: 0px;
    z-index: 5;
}

.shpdez3 {
    width: 40px;
    height: 40px;
    background: #4caf50;
    border-radius: 100px 0px 100px 100px;
    left: 160px;
    top: 0px;
}

.shpdez4 {
    width: 140px;
    height: 80px;
    background: #ff6c89;
    border-radius: 100px;
    left: 130px;
    bottom: 0px;
    z-index: 5;
}

.img-block-ca2 .abt-ca2 {
    border-radius: 100px 00px 100px 0px;
    position: relative;
    z-index: 5;
    width: 80%;
}

.img-block-ca2 .dot-sp-ca2 {
    position: relative;
    z-index: 0;
}

.div-portfolio- {
    background: #1d1d1d;
    padding: 60px;
    border-radius: 8px;
}

.itm-tag {
    font-weight: 700;
    font-style: italic;
}

.div-item-image img {
    border-radius: 8px;
    width: inherit !important;
    margin: 0 auto;
}

.porto-slide .owl-dots {
    text-align: center;
    margin-top: 30px;
}

.img-ca2set {
    max-height: 370px;
    overflow: hidden;
    border-radius: 8px;
}

.aa a:hover {
    color: #ff5b2e !important;
}

.bd-hor .bd-hor-base {
    overflow: hidden;
}

.bd-hor .bd-hor-base:hover:after {
    width: 100%;
    overflow: hidden;
}

.bd-hor .bd-hor-base:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0%;
    bottom: 0;
    height: 4px;
    background: -webkit-linear-gradient( -45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
    background: linear-gradient(135deg, #9100ff 0%, #3663ff 54%, #00e2ff 100%);
}

.dot-c1 {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    border: 0;
}

.dot-c1 img {
    width: 70px;
    border-radius: 100px;
}

.tcc1 {
    background: #ffc107;
    width: 130px;
    text-align: left;
    padding-left: 5px;
    border-radius: 100px 100px 100px 100px;
}

.tcc2 {
    background: #f44336;
    right: 0;
    width: 120px;
    text-align: right;
    padding-right: 5px;
    border-radius: 0px 100px 100px 0px;
}

.tcc3 {
    background: #00bcd4;
    right: 120px;
    width: 130px;
    top: 200px;
    border-radius: 100px 8px 100px 100px;
    text-align: left;
    padding-left: 5px;
}

.tcc4 {
    background: #ff6c89;
    left: 150px;
    top: 110px;
    width: 150px;
    border-radius: 100px 100px 100px 8px;
    text-align: right;
    padding-right: 5px;
}

.tcc5 {
    background: #4caf50;
    right: 0px;
    bottom: 0px;
    border-radius: 100px 100px 100px 8px;
    width: 130px;
    text-align: right;
    padding-right: 5px;
}

.tcc6 {
    background: #9c27b0;
    bottom: 0;
    left: 10%;
    width: 150px;
    text-align: left;
    padding-left: 5px;
    border-radius: 100px 8px 100px 100px;
}

.dot-c1.active {
    box-shadow: 6px 6px 0px rgb(255 255 255 / 0.5);
}

.instagram-post .thumb {
    overflow: hidden;
}

.instagram-post {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
}


/**minimal-portfolio**/

.minimal-portfolio {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.minimal-portfolio .dzname {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
}

h3 a {
    color: #050748;
}

.br-blog-post- {
    position: relative;
}

.link-blog-post a {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 20px;
    background: #fff;
    color: #050748;
    font-weight: 600;
}

.btn-flnc {
    align-items: flex-end;
    display: flex;
}

.post-newsltr .owl-stage {
    padding-left: 0px !important;
}

.bg-light-f7 {
    background: #f7f7f7;
}

.img-hro img {
    border-radius: 8px;
}


/**mobile-app-**/

.mobile-app- {
    background-image: -moz-linear-gradient( 45deg, #9217de 0%, #4775ff 50%, #00b6d4 100%);
    background-image: -webkit-linear-gradient( 45deg, #9217de 0%, #4775ff 50%, #00b6d4 100%);
    background-image: linear-gradient( 45deg, #4a0079 0%, #4202b2 50%, #4400b1 100%);
}

.hero-heading-sec2 h1 {
    color: #fff;
    font-size: 55px;
    line-height: 67px;
    font-weight: 900;
    display: inline-block;
    background: linear-gradient( 90deg, #af6dff 0%, #ff448e 25%, #ff9d57 50%, #ff38d3 75%, #00ffdc 100%);
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.hero-heading-sec2>p {
    color: #fff000;
    font-size: 18px;
    margin: 40px 0;
}

.wide-sblock {
    display: inline-flex;
    text-align: left;
    padding: 30px 20px;
}

.img100w {
    max-width: 100% !important;
    width: auto !important;
}

.funfct {
    box-shadow: 0 11px 20px rgb(123 149 162 / 15%);
    line-height: 26px;
    padding: 30px;
    border-radius: 8px 8px 8px 40px;
    margin-top: 30px;
    position: relative;
    text-align: center;
}

.funfct p {
    font-weight: 600;
    color: #6a6a8e;
}

.funfct img {
    width: 65px;
    margin: 0 auto 15px;
    display: block;
}

.funfct .services-cuntr {
    display: inline-block;
    font-weight: 900;
    font-size: 30px;
    color: #050748;
    padding: 15px 0;
}

.about-sec-app {
    background: url(../images/shape/bg-light2.png);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: center center;
}

.service-section-app {
    background: url(../images/shape/wave-bg.png);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: center bottom;
    position: relative;
}

.-service-list li:first-child {
    padding-left: 0;
}

.-service-list li {
    text-transform: uppercase;
    list-style: none;
    padding: 0 8px;
    border-right: 1px solid #d4d4d4;
    display: inline-block;
}

.link-prbs {
    display: block;
    color: #6a6a8e;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
}

.tec-icon ul li .img-iconbb {
    display: inline-flex;
    border-radius: 100%;
    background: #f5f7ff;
    width: 60px;
    height: 60px;
    align-items: center;
}

.tec-icon ul li img {
    width: 40px;
    margin: 0 auto;
}

.tec-icon ul li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.service-card-app {
    display: block;
    background: #fff;
    box-shadow: 0 11px 20px rgb(123 149 162 / 15%);
    font-weight: 400;
    font-size: 14px;
    padding: 30px;
    border-radius: 40px 8px 40px 8px;
}

.servc-icon-sldr {
    display: flex;
}

.clients-section-app {
    background: #4302ae;
}

.item-info-div {
    background: #fff;
    padding: 15px;
    position: relative;
    top: -40px;
    width: 95%;
    border-radius: 40px 8px 8px 8px;
    margin: 0 auto;
    text-align: center;
}

.item-info-div h4 {
    margin: 0;
}

.tcd {
    display: block;
    background: #fff;
    box-shadow: 0 11px 20px rgb(123 149 162 / 15%);
    font-weight: 400;
    font-size: 14px;
    padding: 60px 30px;
    border-radius: 40px 8px 8px 8px;
}

.posiqut {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 60px;
    color: #00f2a6;
}

.pl50 {
    padding-left: 50px !important;
}

.tcd .owl-dots {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    margin: 15px;
}

.app-cta {
    background: #4301b2;
    position: relative;
    overflow: hidden;
}

.shape-c1 {
    background: transparent;
    width: 200px;
    height: 200px;
    border-radius: 100px 100px 100px 100px;
    border: 6px solid #f8d873;
}

.shape-c2 {
    background: transparent;
    width: 200px;
    height: 200px;
    border-radius: 100px 100px 100px 30px;
    border: 6px solid #00f2a6;
    right: -20px;
    top: -70px;
}

.shape-c3 {
    background: transparent;
    width: 100px;
    height: 100px;
    border-radius: 100px 100px 100px 30px;
    border: 6px solid #fff;
    right: 90px;
    bottom: -20px;
}

.apppg .brand-logo {
    max-width: 180px;
    margin: 0 auto;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
}

.apppg li p {
    color: #fff;
    margin: 10px 0 0 0;
}

.info-text-div {
    padding: 20px;
    background: #fff;
    box-shadow: 0px 20px 30px -20px rgb(0 21 167 / 20%);
    border-radius: 8px 8px 8px 8px;
    border-bottom: 5px solid #b0bdff;
}

.landscp {
    text-align: center;
    background: #fbfbfb;
}

.sctxt {
    font-size: 90px;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 0;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #e8e8e8;
    -webkit-text-fill-color: white;
}


/**business-startup**/

.business-startup {
    background: url(../images/hero/wave-hero.svg);
    background-repeat: no-repeat;
    background-position: center top;
}

.bg-light-ylo {
    background: #e9f5ff;
}

.up-curvs {
    position: absolute;
    right: 0;
    left: 0;
    top: -50px;
}

.bottom-curvs {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -50px;
}

.bg-flat5 {
    background: #fff9f1;
}

.bg-flat6 {
    background: #fff3f3;
}

.login-form-div {
    max-width: 460px;
    margin: 0 auto;
    background: #fff;
    padding: 40px;
    border-radius: 8px;
}

.login-page {
    background: url(../images/shape/bg-rectangles-.png), #101010;
    display: flex;
    height: 100vh;
}

.fb-btn {
    line-height: 46px;
    background-color: #3b5998 !important;
}

.google-btn {
    line-height: 46px;
    background-color: #e94235 !important;
}

.closes {
    right: 8px;
    font-size: 35px;
    font-weight: 700;
    top: -2px;
    color: #d6d6d6;
    border: 0;
    background: transparent;
}

.popup-modals .modal-dialog {
    max-width: 600px;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 30px;
}


/**start update 1.7 from here**/


/*shop page*/

@media (min-width: 1200px) {
    .shop-container {
        max-width: 1110px !important;
    }
}

.shop-tags-list li {
    display: inline-block;
    margin-top: 10px;
    margin-right: 2px;
    margin-left: 2px;
}

.shop-tags-list li a {
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #f2effc;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 225, 0.08);
    color: #050748;
    padding: 12px 16px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
}

.shop-tags-list li a.active {
    background-color: #436ad6;
    color: #fff;
}

.shop-tags-list {
    text-align: center;
}

.shop-tags-list li a span {
    display: inline-block;
    margin: 0 0 0 4px;
}

.main-shop-catte a {
    display: inline-block;
    background-color: #e2e2ef;
    border: 1px solid #f2effc;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 225, 0.08);
    color: #050748;
    padding: 18px 18px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
}

.main-shop-catte a.active {
    background-color: #436ad6;
    color: #fff;
}

.main-shop-catte {
    text-align: center;
}

.shop-products-bhv {
    background: #fafafa;
}

.rpb-shop-items-dv {
    padding: 0;
    margin: 0;
    border: 0;
    text-align: inherit;
}

.rpb-shop-items-dv a {
    padding: 0;
    margin: 0;
}

.rpb-shop-items-img {}

.rpb-shop-items-info {
    padding: 16px;
}

.rpb-shop-items-tittl h3 {
    font-size: 16px;
    line-height: 1;
}

.rpb-shop-items-tittl h3 a {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
}

.rpb-shop-items-tittl p.tags-itmm {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    color: #6a6a8e;
}

.rpb-shop-items-flex {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.rpb-shop-inf-ll {}

.rpb-itm-pric span.regular-prz {
    font-size: 20px;
    font-weight: 100;
    color: #6a6a8e;
    text-decoration: line-through;
    margin: 0 0 0 6px;
}

.rpb-itm-pric span.offer-prz {
    font-size: 20px;
    font-weight: 700;
    color: #050748;
}

.rpb-tim-rate ul li a {
    margin: 0;
    padding: 0;
    font-size: 13px;
}

.rpb-tim-rate ul li {
    margin: 0;
}

.rpb-tim-rate {
    margin-top: 5px;
}

.rpb-itm-sale {
    margin-top: 10px;
    display: block;
    font-size: 14px;
}

.rpb-shop-inf-rr {
    align-items: flex-end;
    display: flex;
}

.rpb-shop-inf-rr a.rpb-shop-prev {
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #f2effc;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 225, 0.08);
    color: #050748;
    padding: 12px 16px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
}

.pagination {
    display: -ms-flexbox;
    display: flow-root;
    list-style: none;
    border-radius: 0.25rem;
    margin: 60px 0 0 0;
    text-align: center;
}

.pagination a {
    display: inline-block;
    padding: 10px 18px;
    color: #222;
}

.pagi1 a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
}

.pagi1 a.is-active {
    background-color: #436ad6;
    border-radius: 100%;
    color: #fff;
}


/*shop details*/

.rpb-shop-prevw {
    margin-bottom: 40px;
    background-color: #f6f6f7;
    padding: 20px;
}


/*tab css*/

.tab-17 .nav-tabs {
    background: #f6f6f7;
    padding: 0px 15px;
}

.tab-17.tabs-layout .nav-tabs .nav-link.active {
    color: #6a6a8e;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-bottom: 2px solid #ff358d;
}

.tab-17.tabs-layout .nav-tabs .nav-link {
    border: 0px solid transparent;
    color: #6a6a8e;
    background-color: transparent;
    border-radius: 0;
    padding: 15px;
    border-bottom: 2px solid #f6f6f7;
}

.badges {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 50%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.rpb-item-review .reviews-card {
    position: relative;
    z-index: 9;
    background: #f6f6f7;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.rpb-item-infodv {
    margin-bottom: 40px;
    background-color: #f6f6f7;
    padding: 20px;
}

.nx-rt {
    float: right;
    font-size: 15px;
    width: 60%;
    text-align: right;
}

.rpb-item-infodv ul li strong {
    color: #050748;
    font-size: 15px;
    float: left;
    width: 40%;
}

.rpb-item-infodv ul li+li {
    border-top: 1px solid #e0e0e0;
}

.rpb-item-infodv ul li {
    padding: 15px 0;
    display: flow-root;
}

.btn-grp a {
    margin: 0 10px;
}


/*cart page*/

.div-for-data {
    border: 1px solid #e0e0e0;
    margin: 0;
    text-align: left;
    width: 100%;
    border-radius: 8px;
    background: #fff;
    border-collapse: separate;
}

.rpb-cart-table table.cart_table th {
    padding: 15px 20px;
    color: #050748;
    font-size: 17px;
}

.rpb-cart-table table.cart_table td {
    border-top: 1px solid #e0e0e0;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #050748;
}

.rpb-cart-table table .product-thumbnail img {
    width: 60px;
}

.rpb-cart-table table .product-name a {
    color: #050748;
}

.rpb-cart-table a.remove {
    display: block;
    font-size: 24px;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 100%;
    color: #ff0000 !important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
    background: #efefef;
}

.update-cart {
    text-align: right;
}

.cart-pg-coupon input {
    width: 180px;
    height: 45px;
    padding: 0px 10px;
    margin: 0px 0 0px 0;
    color: #172b43;
    font-size: 16px;
    outline: none;
    background: #fff;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

button.smllbtnn {
    line-height: 45px;
    color: #fff;
    border-radius: 8px;
    padding: 0 20px;
    border: 0;
}

.cart-extra-sevc {
    padding: 20px;
}

.post-info h5 a {
    color: #050748;
    font-size: 16px;
}

.mt5 {
    margin-top: 5px;
}

table {
    color: #050748;
}

table.border {
    border-radius: 8px;
}

.btn-small {
    font-size: 15px;
    font-weight: 400;
    padding: 0px 20px;
    line-height: 35px;
}

.media+.media {
    margin-top: 40px;
}


/*contact page 2*/

.map-div iframe {
    width: 100%;
    height: 200px;
    border: 0;
}

.contact2dv {
    background: #e7fbff;
    padding: 30px;
}

.info-wrapr .dbox p span {
    color: #6a6a8e;
    font-size: 20px;
    display: block;
    text-transform: capitalize;
    font-weight: 700;
}

.info-wrapr .dbox {
    width: 100%;
    color: #6a6a8e;
    margin-bottom: 25px;
}

.info-wrapr .icon i {
    font-size: 25px;
}

.info-wrapr .text a {
    color: #6a6a8e;
}

.pr30 {
    padding-right: 30px;
}

.pl30 {
    padding-left: 30px;
}

.addtocart {
    width: 20px;
    height: 20px;
    background: #fafafa;
    display: block;
    position: absolute;
    top: 1px;
    right: -6px;
    line-height: 20px;
    border-radius: 100%;
    color: #050748;
    box-shadow: 0px 5px 10px rgb(93 0 39 / 44%);
    font-size: 14px;
    font-weight: bold;
}


/**end update 1.7 from here**/


/**Features**/

.custom-file-input:focus~.custom-file-label {
    border-color: #ced4da;
    box-shadow: none;
}

.dropcap {
    float: left;
    font-size: 45px;
    line-height: 1;
    padding-right: 10px;
    text-transform: uppercase;
}

.list-style- {
    padding: 0 0 0 20px;
    text-align: left;
}

.list-style- li {
    line-height: 32px;
    list-style-type: circle;
}

.img-ctr {
    text-align: center;
    display: block;
}

.footer-link-v2 li {
    display: inline-flex;
    padding: 0px 15px;
}

.footer-badges- {
    display: flex;
    justify-content: space-between;
}

.footer-badges- li {
    display: inline-block;
}

.footer-badges- li a img {
    width: 150px;
}

.footer-brands {
    background: #f8f9fa;
    padding: 30px 0;
}

.single-blog- img {
    height: 70px;
    width: 70px;
    display: block;
    border-radius: 8px;
}

.single-blog- .post-meta i {
    margin: 0 5px 0 0;
}

.single-blog- .post-meta {
    font-size: 13px;
}

.single-blog- .content .title {
    line-height: 20px;
    font-size: 15px;
}

.single-blog- .content .title a {
    color: #050748;
}

.single-blog- .content .title a:hover {
    color: #ff5b2e;
}

.post-thumb {
    margin-right: 15px;
}

.single-blog- {
    display: inline-flex;
}

.footer-blog- .single-blog-:last-child {
    margin-top: 20px;
}

.icon-card- {
    text-align: center;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 15px;
}

.icon-card- img {
    width: 60px;
}

.icon-card- h4 {
    margin: 20px 0;
}


/**Help css**/

.onloadpage {
    position: fixed;
    z-index: 99999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #ffffff;
}

.onloadpage .pre-content {
    top: 50%;
    position: relative;
    right: 0;
    left: 0;
    text-align: center;
    transform: translateY(-50%);
}

.onloadpage .pre-text- {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    width: 30%;
    margin: 0 auto;
}

.onloadpage .pre-text- span {
    display: block;
}

.logo-pre {
    background: linear-gradient(to bottom, #fffce9 0%, #ffe1ec 100%);
    border-radius: 50%;
    height: 100px;
    width: 100px;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
    animation: pulse 2s infinite;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    padding: 8px;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
    }
    70% {
        box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.tilt-3d .base {
    transform-style: preserve-3d;
    transform: perspective(1000px);
}

.tilt-3d .layer {
    transform: translateZ(20px);
}

.shdo {
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
}

.-shadow {
    -webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
    box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

h1 {
    font-size: 45px;
    line-height: 57px;
}

h2 {
    font-size: 40px;
    line-height: 52px;
}

h3 {
    font-size: 34px;
    line-height: 46px;
}

h4 {
    font-size: 22px;
    line-height: 32px;
}

h5 {
    font-size: 20px;
    line-height: 30px;
}

h6 {
    font-size: 16px;
    line-height: 26px;
}

p {
    font-size: 17px;
    line-height: 28px;
}

.pad-tb {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pr--100 {
    padding-right: 100px;
}

.pl--100 {
    padding-left: 100px;
}

.pl--50 {
    padding-left: 50px;
}

.pr--50 {
    padding-right: 50px;
}

.mr15 {
    margin-right: 15px;
}

html .pl5 {
    padding-left: 5px !important;
}

html .pt0 {
    padding-top: 0;
}

html .pm0 {
    padding-bottom: 0;
}

html .mt0 {
    margin-top: 0px;
}

html .mb0 {
    margin-bottom: 0;
}

html .mt10 {
    margin-top: 10px;
}

html .ml10 {
    margin-left: 10px;
}

html .mt20 {
    margin-top: 20px;
}

html .mt30 {
    margin-top: 30px;
}

html .mt40 {
    margin-top: 40px;
}

html .mt50 {
    margin-top: 50px;
}

html .mt60 {
    margin-top: 60px;
}

html .mt70 {
    margin-top: 70px;
}

html .mt80 {
    margin-top: 80px;
}

html .mt90 {
    margin-top: 90px;
}

html .mt100 {
    margin-top: 100px;
}

html .mb10 {
    margin-bottom: 10px;
}

html .mb20 {
    margin-bottom: 20px;
}

html .mb25 {
    margin-bottom: 25px;
}

html .mb30 {
    margin-bottom: 30px;
}

html .mb40 {
    margin-bottom: 40px;
}

html .mb50 {
    margin-bottom: 50px;
}

html .mb60 {
    margin-bottom: 60px;
}

html .mb70 {
    margin-bottom: 70px;
}

html .mb80 {
    margin-bottom: 80px;
}

html .mb90 {
    margin-bottom: 90px;
}

html .mb100 {
    margin-bottom: 100px;
}

html .m0 {
    margin: 0px !important;
}

html .p0 {
    padding: 0px !important;
}

html .pt10 {
    padding-top: 10px;
}

html .pt20 {
    padding-top: 20px;
}

html .pt30 {
    padding-top: 30px;
}

html .pt40 {
    padding-top: 40px;
}

html .pt50 {
    padding-top: 50px;
}

html .pt60 {
    padding-top: 60px;
}

html .pt70 {
    padding-top: 70px;
}

html .pt80 {
    padding-top: 80px;
}

html .pt90 {
    padding-top: 90px;
}

html .pt100 {
    padding-top: 100px;
}

html .pt110 {
    padding-top: 110px;
}

html .pt120 {
    padding-top: 120px;
}

html .pt130 {
    padding-top: 130px;
}

html .pt140 {
    padding-top: 140px;
}

html .pb10 {
    padding-bottom: 10px;
}

html .pb20 {
    padding-bottom: 20px;
}

html .pb30 {
    padding-bottom: 30px;
}

html .pb40 {
    padding-bottom: 40px;
}

html .pb50 {
    padding-bottom: 50px;
}

html .pb60 {
    padding-bottom: 60px;
}

html .pb70 {
    padding-bottom: 70px;
}

html .pb80 {
    padding-bottom: 80px;
}

html .pb90 {
    padding-bottom: 90px;
}

html .pb100 {
    padding-bottom: 100px;
}

html .pb110 {
    padding-bottom: 110px;
}

html .pb120 {
    padding-bottom: 120px;
}

html .pb130 {
    padding-bottom: 130px;
}

html .pb140 {
    padding-bottom: 140px;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
    text-align: center;
    display: inline;
}

.xhighlight {
    display: block;
    color: #ff2c8e;
}

.pl25 {
    padding-left: 25px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.text-effect-1 {
    background-image: -moz-linear-gradient( 45deg, #ff3870 0%, #ff3870 50%, #c300c3 100%);
    background-image: -webkit-linear-gradient( 45deg, #ff3870 0%, #ff3870 50%, #c300c3 100%);
    background-image: linear-gradient( 45deg, #ff3870 0%, #ff3870 50%, #c300c3 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-effect-2 {
    background: #fc00c7;
    background-image: -moz-linear-gradient( -45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
    background-image: -webkit-linear-gradient( -45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
    background-image: linear-gradient( 135deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-btn {
    background: #f07230;
}

.bg-btn2 {
    background: #f07230;
}

.bg-btn2:hover {
    background: #073462;
}

.bg-btn3 {
    background: #673ab7;
    background: -moz-linear-gradient(left, #673ab7 0%, #2196f3 100%);
    background: -webkit-linear-gradient(left, #673ab7 0%, #2196f3 100%);
    background: linear-gradient(to right, #673ab7 0%, #2196f3 100%);
    -webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, 0.2);
    box-shadow: 0 10px 15px 0px rgba(56, 0, 189, 0.2);
}

.bg-btn4 {
    /*use in dark mode*/
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #fff;
}

.bg-btn5 {
    background: #ff0048;
    background-image: -webkit-linear-gradient( 45deg, #ff3870 0%, #ff3870 50%, #c300c3 100%);
    background-image: linear-gradient( 45deg, #ff0048 0%, #ff3870 50%, #c300c3 100%);
    -webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, 0.2);
    box-shadow: 0 10px 15px 0px rgba(56, 0, 189, 0.2);
}

.bg-btn6 {
    background: #fc00c7;
    background: -moz-linear-gradient( -45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
    background: -webkit-linear-gradient( -45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
    background: linear-gradient(135deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
}

.bg-btn7 {
    background: #fc00c7;
    background: -moz-linear-gradient( -45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
    background: -webkit-linear-gradient( -45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
    background: linear-gradient(135deg, #9100ff 0%, #3663ff 54%, #00e2ff 100%);
    -webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, 0.2);
    box-shadow: 0 10px 15px 0px rgb(0 49 189 / 0.2);
}

.hover-scale img {
    transform: scale(1);
    transition: all 0.4s ease;
}

.hover-scale:hover img {
    transform: scale(1.05);
}

.text-animation {
    font-weight: bold;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 6s infinite linear;
}

.bg-a {
    background-image: linear-gradient( to right, #ff5b2e 0%, #ffbd84 36%, #ffbd84 65%, #ff5b2e 100%);
}

.bg-b {
    background-image: linear-gradient( to right, #673ab7 0%, #ff5b2e 36%, #ff5b2e 65%, #673ab7 100%);
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}

@keyframes hue {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 2000px 0;
    }
}

@keyframes arrowanim {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(8px, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes arrowanim {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(8px, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

@keyframes updonanim {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(0, 8px);
    }
    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes updonanim {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(0, 8px);
    }
    100% {
        transform: translate(0, 0);
    }
}

@keyframes border-transform {
    0%,
    100% {
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
    }
}

.lead-intro- img {
    animation: 3s infinite updonanim;
    -webkit-animation: 3s infinite updonanim;
}


/**Gredient css**/

.bg-gradient {
    background: #c7ecff;
    background: -moz-linear-gradient(top, #c7ecff 0%, #f9efff 100%);
    background: -webkit-linear-gradient(top, #c7ecff 0%, #f9efff 100%);
    background: linear-gradient(to bottom, #c7ecff 0%, #f9efff 100%);
}

.bg-gradient1 {
    background: #ffe2e2;
    background: -moz-linear-gradient(top, #ffe2e2 0%, #fff9f4 100%);
    background: -webkit-linear-gradient(top, #ffe2e2 0%, #fff9f4 100%);
    background: linear-gradient(to bottom, #ffe2e2 0%, #fff9f4 100%);
}

.bg-gradient2 {
    background: #fdffed;
    background: -moz-linear-gradient(top, #fdffed 0%, #effff8 100%);
    background: -webkit-linear-gradient(top, #fdffed 0%, #effff8 100%);
    background: linear-gradient(to bottom, #fdffed 0%, #effff8 100%);
}

.bg-gradient3 {
    background: #e2f3ff;
    background: -moz-linear-gradient(top, #e2f3ff 0%, #fffbef 100%);
    background: -webkit-linear-gradient(top, #e2f3ff 0%, #fffbef 100%);
    background: linear-gradient(to bottom, #e2f3ff 0%, #fffbef 100%);
}

.bg-gradient4 {
    background: #c1eeff;
    background: -moz-linear-gradient(top, #c1eeff 0%, #f5faff 100%);
    background: -webkit-linear-gradient(top, #c1eeff 0%, #f5faff 100%);
    background: linear-gradient(to bottom, #c1eeff 0%, #f5faff 100%);
}

.bg-gradient5 {
    background: #fff6f3;
    background: -moz-linear-gradient(top, #fff6f3 0%, #fffefb 100%);
    background: -webkit-linear-gradient(top, #fff6f3 0%, #fffefb 100%);
    background: linear-gradient(to bottom, #fff6f3 0%, #fffefb 100%);
}

.bg-gradient6 {
    background: #e8fffc;
    background: -moz-linear-gradient(top, #e8fffc 0%, #fff4f4 100%);
    background: -webkit-linear-gradient(top, #e8fffc 0%, #fff4f4 100%);
    background: linear-gradient(to bottom, #e8fffc 0%, #fff4f4 100%);
}

.bg-gradient7 {
    background: #ffe2e2;
    background: -moz-linear-gradient(top, #ffe2e2 0%, #fff9f4 100%);
    background: -webkit-linear-gradient(top, #ffe2e2 0%, #fff9f4 100%);
    background: linear-gradient(to bottom, #ffe2e2 0%, #fff9f4 100%);
}

.bg-gradient8 {
    background: #fff8fb;
    background: -moz-linear-gradient(top, #fff8fb 0%, #d0fcf6 100%);
    background: -webkit-linear-gradient(top, #fff8fb 0%, #d0fcf6 100%);
    background: linear-gradient(to bottom, #fff8fb 0%, #d0fcf6 100%);
}

.bg-gradient9 {
    background: #e5ffee;
    background: -moz-linear-gradient(top, #ffe2e2 0%, #fff9f4 100%);
    background: -webkit-linear-gradient(top, #ffe2e2 0%, #fff9f4 100%);
    background: linear-gradient(to bottom, #e5ffee 0%, #e2f6ff 100%);
}

.bg-gradient10 {
    background: #e4fffe;
    background: -moz-linear-gradient(top, #e4fffe 0%, #ffedf3 100%);
    background: -webkit-linear-gradient(top, #e4fffe 0%, #ffedf3 100%);
    background: linear-gradient(to bottom, #e4fffe 0%, #ffedf3 100%);
}

.bg-gradient11 {
    background: #ff5b2e;
    background: -moz-linear-gradient(left, #ff5b2e 0%, #007bff 100%);
    background: -webkit-linear-gradient(left, #ff5b2e 0%, #007bff 100%);
    background: linear-gradient(to right, #ff5b2e 0%, #007bff 100%);
}

.bg-gradient12 {
    background: #3f36b9;
    background: -moz-linear-gradient(left, #552ecd 0%, #13137a 100%);
    background: -webkit-linear-gradient(left, #552ecd 0%, #13137a 100%);
    background: linear-gradient(to right, #552ecd 0%, #13137a 100%);
}

.bg-gradient13 {
    background: #9c27b0;
    background: -moz-linear-gradient(left, #9c27b0 0%, #673ab7 100%);
    background: -webkit-linear-gradient(left, #9c27b0 0%, #673ab7 100%);
    background: linear-gradient(to right, #9c27b0 0%, #673ab7 100%);
}

.bg-gradient14 {
    background: #ff5b2e;
    background: -moz-linear-gradient(top, #ff5b2e 0%, #653db9 100%);
    background: -webkit-linear-gradient(top, #ff5b2e 0%, #653db9 100%);
    background: linear-gradient(to bottom, #ff5b2e 0%, #653db9 100%);
}

.bg-gradient15 {
    background: #fffdf2;
    background: -moz-linear-gradient(top, #fffdf2 0%, #ffeff5 100%);
    background: -webkit-linear-gradient(top, #fffdf2 0%, #ffeff5 100%);
    background: linear-gradient(to bottom, #fffdf2 0%, #ffeff5 100%);
}

.bg-gradient16 {
    background-image: -moz-linear-gradient( 45deg, #9217de 0%, #4775ff 50%, #00b6d4 100%);
    background-image: -webkit-linear-gradient( 45deg, #9217de 0%, #4775ff 50%, #00b6d4 100%);
    background-image: linear-gradient( 45deg, #9217de 0%, #4775ff 50%, #00b6d4 100%);
}

.bg-flat1 {
    background: #f5f5f5;
}

.classic-bg1 {
    background: #fffef9;
}

.classic-bg2 {
    background: #f3fffe;
}

.classic-bg3 {
    background: #fef9ff;
}

.classic-bg4 {
    background: #3f36b9;
}

.classic-bg5 {
    background: #fffef4;
}


/**Mobile Nav**/

.mobile-menu2 {
    display: none;
}

.mobile-menu2 .navm- {
    margin: 0px 0 0 10px;
}

.mob-nav2 {
    display: flex;
}

.mob-nav2 li {
    position: relative;
}

html.hc-nav-yscroll {
    overflow-y: scroll;
}

body.hc-nav-open {
    overflow: visible;
    position: relative;
    width: 100%;
    min-height: 100%;
}

.hc-offcanvas-nav {
    visibility: hidden;
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999999;
}

.hc-offcanvas-nav.is-ios * {
    cursor: pointer !important;
}

.hc-offcanvas-nav .nav-container {
    position: fixed;
    z-index: 9998;
    top: 0;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    transition: transform 0.4s ease;
}

.hc-offcanvas-nav .nav-wrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.hc-offcanvas-nav .nav-content {
    height: 100%;
}

.hc-offcanvas-nav .nav-wrapper-0>.nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
}

.hc-offcanvas-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hc-offcanvas-nav li {
    position: relative;
    display: block;
}

.hc-offcanvas-nav li.level-open>.nav-wrapper {
    visibility: visible;
}

.hc-offcanvas-nav li:not(.custom-content) a {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
}

.hc-offcanvas-nav li:not(.custom-content) a[disabled] {
    cursor: not-allowed;
}

.hc-offcanvas-nav li:not(.custom-content) a,
.hc-offcanvas-nav li:not(.custom-content) a:hover {
    text-decoration: none;
}

.hc-offcanvas-nav input[type="checkbox"] {
    display: none;
}

.hc-offcanvas-nav label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
}

.hc-offcanvas-nav .nav-item {
    position: relative;
    display: block;
    box-sizing: border-box;
}

.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
    content: "";
    position: fixed;
    z-index: 9990;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease 0.4s, opacity 0.4s ease;
}

.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {
    visibility: visible;
    opacity: 1;
    transition-delay: 0.05s;
}

.hc-offcanvas-nav:not(.nav-open)::after {
    pointer-events: none;
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
    display: none;
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 {
    max-height: 100vh;
}

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
    max-height: 100vh;
}

.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
    min-width: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    transition: height 0s ease 0.4s;
}

.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {
    max-height: none;
    overflow: visible;
    visibility: visible;
}

.hc-offcanvas-nav.nav-levels-overlap .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
    max-height: 100vh;
}

.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper {
    max-height: 100vh;
}

.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s ease 0.4s, transform 0.4s ease;
}

.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
    position: static;
}

.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: transform 0.4s ease;
}

.hc-offcanvas-nav.nav-position-left {
    left: 0;
}

.hc-offcanvas-nav.nav-position-left .nav-container {
    left: 0;
}

.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(-100%, 0, 0);
}

.hc-offcanvas-nav.nav-position-right {
    right: 0;
}

.hc-offcanvas-nav.nav-position-right .nav-container {
    right: 0;
}

.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
    right: 0;
    transform: translate3d(100%, 0, 0);
}

.hc-offcanvas-nav.nav-position-top {
    top: 0;
}

.hc-offcanvas-nav.nav-position-top .nav-container {
    top: 0;
    width: 100%;
}

.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(0, -100%, 0);
}

.hc-offcanvas-nav.nav-position-bottom {
    top: auto;
    bottom: 0;
}

.hc-offcanvas-nav.nav-position-bottom .nav-container {
    top: auto;
    bottom: 0;
    width: 100%;
}

.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
    left: 0;
    transform: translate3d(0, 100%, 0);
}

.hc-offcanvas-nav.nav-open[class*="hc-nav-"] div.nav-container {
    transform: translate3d(0, 0, 0);
}

.hc-offcanvas-nav.rtl li {
    text-align: right;
}

.hc-offcanvas-nav.rtl .nav-next span,
.hc-offcanvas-nav.rtl .nav-back span,
.hc-offcanvas-nav.rtl .nav-close span {
    left: 0;
    right: unset;
}

.hc-nav-trigger {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    top: 0;
    z-index: 9980;
    width: 30px;
    min-height: 48px;
}

.hc-nav-trigger span {
    width: 30px;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: 50% 50%;
}

.main-header.sticky .hc-nav-trigger span,
.main-header.sticky .hc-nav-trigger span::before,
.main-header.sticky .hc-nav-trigger span::after {
    background: #050748;
}

.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
    display: block;
    position: absolute;
    left: 0;
    height: 4px;
    background: #050748;
    transition: all 0.2s ease;
}

.nav-bg-b .hc-nav-trigger span,
.nav-bg-b .hc-nav-trigger span::before,
.nav-bg-b .hc-nav-trigger span::after {
    background: #fff;
}

.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
    content: "";
    width: 100%;
}

.hc-nav-trigger span::before {
    top: -10px;
}

.hc-nav-trigger span::after {
    bottom: -10px;
}

.hc-nav-trigger.toggle-open span {
    background: rgba(0, 0, 0, 0) !important;
    transform: rotate(45deg);
}

.hc-nav-trigger.toggle-open span::before {
    transform: translate3d(0, 9px, 0);
}

.hc-nav-trigger.toggle-open span::after {
    transform: rotate(-90deg) translate3d(10px, 0, 0);
}

.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {
    background: rgba(0, 0, 0, 0.5);
}

.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
    background: #101010;
}

.hc-offcanvas-nav h2 {
    font-size: 22px;
    font-weight: normal;
    text-align: left;
    padding: 10px 17px;
    color: #101010 !important;
    background: #fff;
}

.hc-offcanvas-nav .nav-item {
    padding: 14px 17px;
    font-size: 15px;
    color: #fff;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    border-bottom: 0px solid #fff;
}

.hc-offcanvas-nav .nav-item:focus,
.hc-offcanvas-nav .nav-item:focus-within {
    z-index: 10;
}

.hc-offcanvas-nav .nav-item-wrapper {
    position: relative;
}

.hc-offcanvas-nav .nav-highlight {
    background: #2e6296;
}

.hc-offcanvas-nav .nav-close:focus,
.hc-offcanvas-nav .nav-next:focus,
.hc-offcanvas-nav .nav-back:focus {
    z-index: 10;
}

.hc-offcanvas-nav li:not(.custom-content) a {
    padding: 14px 15px;
    font-size: 15px;
    color: #fff;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
    border-bottom: 0px solid #2c5d8f;
}

.hc-offcanvas-nav li:not(.custom-content) a[disabled] {
    color: rgba(255, 255, 255, 0.5);
}

.hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover {
    background: #101010;
}

.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {
    border-top: 1px solid #2c5d8f;
    margin-top: -1px;
}

.hc-offcanvas-nav li {
    text-align: left;
}

.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav li.nav-back a {
    background: #ffffff;
    color: #101010;
}

.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav li.nav-back a:hover {
    background: #fff;
}

.hc-offcanvas-nav li.nav-close:not(:first-child) a,
.hc-offcanvas-nav li.nav-back:not(:first-child) a {
    margin-top: -1px;
}

.hc-offcanvas-nav li.nav-parent .nav-item:last-child {
    padding-right: 35px;
}

.hc-offcanvas-nav li.nav-parent .nav-item:not(:last-child) {
    margin-right: 44px;
}

.hc-offcanvas-nav li.nav-close span,
.hc-offcanvas-nav li.nav-parent .nav-next,
.hc-offcanvas-nav li.nav-back span {
    width: 45px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s ease;
}

.hc-offcanvas-nav li.nav-close span::before,
.hc-offcanvas-nav li.nav-close span::after {
    content: "";
    position: absolute;
    top: 46%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-top: -3px;
    border-top: 2px solid #101010;
    border-left: 2px solid #101010;
}

.hc-offcanvas-nav li.nav-close span::before {
    margin-left: -11px;
    transform: rotate(135deg);
}

.hc-offcanvas-nav li.nav-close span::after {
    transform: rotate(-45deg);
}

.hc-offcanvas-nav a.nav-next {
    border-left: 1px solid #2c5d8f;
}

.hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav li.nav-back span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-left: -2px;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform-origin: center;
}

.hc-offcanvas-nav .nav-next span {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.hc-offcanvas-nav .nav-next span::before {
    transform: translate(-50%, -50%) rotate(135deg);
}

.hc-offcanvas-nav li.nav-back span::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
}

.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
}

.hc-offcanvas-nav.nav-position-right .nav-next span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.hc-offcanvas-nav.nav-position-right li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(135deg);
}

.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.hc-offcanvas-nav.nav-position-top .nav-next span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(-135deg);
}

.hc-offcanvas-nav.nav-position-top li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(45deg);
}

.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
}

.hc-offcanvas-nav.nav-position-bottom .nav-next span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(45deg);
}

.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    transform: translate(-50%, -50%) rotate(-135deg);
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {
    box-shadow: none;
    background: transparent;
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,
.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {
    display: none;
}

.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,
.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {
    font-size: 14px;
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li,
.hc-offcanvas-nav.nav-levels-none .nav-container li {
    transition: background 0.3s ease;
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {
    background: #101010;
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a {
    border-bottom: 0px solid #fff;
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a:hover {
    background: #101010;
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>.nav-next span::before,
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a>.nav-next span::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>.nav-next span::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a>.nav-next span::before {
    margin-top: 2px;
    transform: translate(-50%, -50%) rotate(45deg);
}

.hc-offcanvas-nav.nav-levels-expand .nav-container .nav-next span::before,
.hc-offcanvas-nav.nav-levels-none .nav-container .nav-next span::before {
    margin-top: -2px;
    transform: translate(-50%, -50%) rotate(-135deg);
}

.hc-offcanvas-nav.rtl a.nav-next {
    border-left: none;
    border-right: 0px solid #fff;
}

.hc-offcanvas-nav.rtl li.nav-parent .nav-item {
    padding-right: 17px;
    padding-left: 58px;
}

#main-nav {
    display: none;
}

.hc-offcanvas-nav .nav-wrapper-0>.nav-content {
    padding-bottom: 41px;
}

.hc-offcanvas-nav h2 {
    font-weight: 400;
}

.hc-offcanvas-nav a {
    font-size: 16px;
}

.hc-offcanvas-nav li .custom-message {
    font-size: 12px;
}

.hc-offcanvas-nav li .custom-message a {
    color: #fff;
    font-size: 13px;
}

.hc-offcanvas-nav li .custom-message a:hover {
    text-decoration: none;
}

.hc-offcanvas-nav.nav-position-top ul.bottom-nav,
.hc-offcanvas-nav.nav-position-bottom ul.bottom-nav {
    position: relative;
    border-top: none;
}

.hc-offcanvas-nav.nav-position-top .nav-wrapper-0>.nav-content,
.hc-offcanvas-nav.nav-position-bottom .nav-wrapper-0>.nav-content {
    padding-bottom: 0;
}

.hc-offcanvas-nav ul.bottom-nav {
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    border-top: 0px solid #101010;
    background: #101010;
}

.hc-offcanvas-nav ul.bottom-nav li {
    flex: auto;
}

.hc-offcanvas-nav ul.bottom-nav li a {
    padding: 10px;
    text-align: center;
    height: 100%;
    border-bottom: none;
}

.hc-offcanvas-nav ul.bottom-nav li svg {
    fill: #fff;
    display: inline-block;
    vertical-align: middle;
}

.hc-offcanvas-nav ul.bottom-nav li.prb svg {
    width: 18px;
    height: 18px;
}

.hc-offcanvas-nav.close-no-label:not(.rtl) .nav-title {
    padding-right: 60px;
}

.hc-offcanvas-nav.close-no-label .nav-title+ul>.nav-close:first-child a {
    position: absolute;
    width: 45px;
    height: 56px;
    top: 0;
    right: 0;
    transform: translateY(-100%);
}


/**update 1.9**/

.custom-nav .menu-dorpdown {
    width: 240px;
    margin: 0 auto;
    border-radius: 0px 0px 20px 20px;
}

.custom-nav .menu-dorpdown .sub-menu-section {
    border-radius: 0px 0px 20px 20px;
}

.shape-bg3:before {
    height: 100%;
    width: 100%;
    opacity: 0.03;
    background-size: cover;
    background-position: center center;
    top: 0;
    left: 0;
    right: 0;
}


/**update 2.0**/

.onloadpage {
    z-index: 999999999;
}

.hc-offcanvas-nav h2 {
    line-height: 36px;
}

a.smllbtnn {
    line-height: 45px;
    color: #fff;
    border-radius: 8px;
    padding: 0 20px;
    border: 0;
}

.switch-wrapper {
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 55555;
    top: 50%;
    transform: translateY(-50%);
    transform: rotate(90deg);
}

.switch-wrapper .switch {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 60px;
}

.switch-wrapper .switch input {
    display: none;
}

.switch-wrapper .slider {
    background-color: white;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.4s;
    border: 1px solid #e2e2e2;
    box-shadow: 10px 0px 10px 0px rgb(0 0 0 / 15%);
}

.switch-wrapper .slider:before {
    bottom: 4px;
    content: "";
    background: url("../images/icons/sun.svg") rgb(255, 196, 0) no-repeat center center;
    height: 24px;
    left: 4px;
    position: absolute;
    transition: 0.4s;
    width: 24px;
}

.switch-wrapper input:checked+.slider {
    background-color: rgb(36, 36, 36);
    border: 1px solid #ffffff57;
}

.switch-wrapper input:checked+.slider:before {
    transform: translateX(26px);
    content: "";
    background: url(../images/icons/moon.svg) #2196f3 no-repeat center center;
}

.switch-wrapper .slider.round {
    border-radius: 50px;
}

.switch-wrapper .slider.round:before {
    border-radius: 50%;
}


/****/

.digitalagency20 {
    background: url(../images/shape/bg-glass.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
}

.glassmorphism .service-slide {
    backdrop-filter: blur(10px);
    background: rgb(255 255 255 / 10%);
    border: 1px solid rgb(255 255 255 / 50%);
}

.niwaxheroscroll {
    position: absolute;
    width: 100%;
    height: 100%;
}

.niwaxheroscroll img {
    position: absolute;
}

.nxhs1 {
    left: -4%;
    bottom: 0;
}

.nxhs2 {
    right: 50%;
    top: 50%;
}

.nxhs3 {
    right: 30%;
    bottom: 0;
}

.nxhs4 {
    left: 6%;
    top: 14%;
}

.nxhs5 {
    left: 0%;
    bottom: 30%;
}

.row-forfullcard {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    padding: 60px 0;
    background: url(../images/shape/tt-work-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.fullservicecard .nxgls {
    padding: 30px 20px;
    margin: 0;
    box-shadow: none;
    border-radius: 14px;
    backdrop-filter: blur(8px);
    background: rgb(255 255 255 / 5%);
    border: 1px solid rgb(255 255 255 / 50%);
}

.intgrdtd {
    background-image: linear-gradient(135deg, #f34079, #f65b69 50%, #fc8b4c);
}

.glassmorphism .badges-content {
    text-align: center;
    backdrop-filter: blur(8px);
    background: rgb(255 255 255 / 5%);
    border: 1px solid rgb(255 255 255 / 50%);
}

.glassmorphism .work-card {
    backdrop-filter: blur(8px);
    background: rgb(255 255 255 / 5%);
    border: 1px solid rgb(255 255 255 / 50%);
}

.glassmorphism .work-categorys {
    background-color: #fbf9ed;
    position: relative;
    background-image: url(../images/shape/tt-work-bg.jpg);
    background-size: cover;
    background-position: center center;
}

.glassmorphism .statistics-img {
    background: url(../images/shape/shape-f.png), #feefff;
    background-position: left top;
    background-size: 130px;
    background-repeat: no-repeat;
}

.footerdez {
    background-color: #191919;
    padding: 90px 0;
    position: relative;
    z-index: 5;
}

.fttlnks h5 {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 500;
}

.fttlnks h4 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}

.contactinfo a {
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 2;
}

.dark-footer h4,
.dark-footer h2 {
    color: #e6e6e6;
}

.flexend {
    align-items: flex-end;
}

.rffc {
    grid-gap: 0;
    padding: 0;
}

.rffc .fullservicecard .nxgls {
    border-radius: 0;
    backdrop-filter: blur(1px);
    background: rgb(21 0 49 / 75%);
    border: 0px solid rgb(255 255 255 / 50%);
}

.widebloktag span {
    background: #fff;
    padding: 5px 14px;
    font-size: 14px;
    border-radius: 4px;
}

.widebloktag span+span {
    margin-left: 8px;
}

.pbwide {
    position: relative;
    padding: 50px;
    border-radius: 8px;
    display: grid;
    grid-template-columns: auto 55%;
    align-items: center;
    grid-gap: 20px;
    background: #f5f7f9;
}

.info-list-ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.info-list-ul li {
    line-height: 40px;
    color: #050748;
}

.info-list-ul li:before {
    content: "▶";
    font-size: 14px;
    margin: 0 5px 0 0px;
}

.img-wide-blocktt {
    position: relative;
    right: -80px;
}

.portfolio-item-info-tt h3 {
    font-size: 30px;
    line-height: 40px;
}

.desktopblock {
    position: relative;
    width: 100%;
    border: 10px solid rgb(255 255 255 / 50%);
    border-radius: 28px;
    overflow: hidden;
}

.mobileblock {
    position: absolute;
    max-width: 190px;
    left: -80px;
    top: 0;
    border: 8px solid rgb(255 255 255 / 60%);
    border-radius: 28px;
    overflow: hidden;
    transform: scale(1.1);
}

.shadow1 {
    -webkit-box-shadow: 0 30px 60px 0px rgba(3, 35, 68, 0.12);
    box-shadow: 0 30px 60px 0px rgba(3, 35, 68, 0.12);
}

.wptbb+.wptbb {
    margin-top: 40px;
}

.forfullcard {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

.forfullcard .srvc-bg-nx {
    margin: 0;
}

.tilt-outer {
    transform-style: preserve-3d;
    transform: perspective(1000px);
}

.tilt-inner {
    transform: translateZ(20px);
}

.pctmc {
    padding: 30px 15px;
}

.srcl0 {
    background: #f9d59e;
    border-bottom: 4px solid #ebc183;
}

.srcl6 {
    background: #fff1f1;
    border-bottom: 4px solid #ffa2a2;
}

.srcl7 {
    background: #ebfffa;
    border-bottom: 4px solid #a2ffe9;
}


/***float label**/

.floating-label {
    position: relative;
    margin-bottom: 20px;
}

.floating-input,
.floating-select {
    font-size: 14px;
    padding: 4px 4px;
    display: block;
    width: 100%;
    height: 45px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #c5c5c5;
}

.floating-input:focus,
.floating-select:focus {
    outline: none;
    border-bottom: 1px solid #6b3489;
}

.floating-label label {
    color: #999;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 30px;
    top: 16px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    margin-bottom: 0;
}

.floating-input:focus~label,
.floating-input:not(:placeholder-shown)~label,
.floating-select:focus~label,
.floating-select:not([value=""]):valid~label {
    top: -4px;
    font-size: 12px;
    color: #828282;
}


/**swiper slider start**/

.hero-slider {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
}

.hero-slider .slide-inner {
    position: relative;
}

.hero-slider .slide-inner:before {
    content: "";
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    top: 0;
    left: 0px;
    right: 0;
}

.hero-slider .swiper-slide {
    overflow: hidden;
    color: #fff;
}

.hero-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.hero-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
    background: transparent;
    width: 55px;
    height: 55px;
    line-height: 53px;
    margin-top: -30px;
    text-align: center;
    border: 2px solid #d4d3d3;
    border-radius: 55px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.hero-slider .swiper-button-prev {
    left: 25px;
    transform: translateX(50px);
}

.hero-slider .swiper-button-prev:before {
    font-family: "Font Awesome 5 Free";
    content: "\f060";
    font-size: 15px;
    color: #d4d3d3;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
}

.hero-slider .swiper-button-next {
    right: 25px;
    transform: translateX(-50px);
}

.hero-slider .swiper-button-next:before {
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    font-size: 15px;
    color: #d4d3d3;
    font-style: normal;
    display: inline-block;
    font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    text-align: left;
    line-height: 12px;
    font-size: 12px;
    color: #000;
    opacity: 0.3;
    background: #fff;
    transition: all 0.2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
    opacity: 1;
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
    bottom: 30px;
}

.swiper-pagination {
    text-align: left;
}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 50px;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}

.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
    max-width: 600px;
}

.hero-style .slide-title h2 {
    font-size: 60px;
    line-height: 70px;
    color: #ffffff;
    margin: 0 0 20px;
    transition: all 0.4s ease;
}

.hero-style .slide-text p {
    font-size: 20px;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0 0 30px;
    transition: all 0.4s ease;
}

.hero-style .slide-btns>a:first-child {
    margin-right: 10px;
}


/**swiper slider end**/


/***freelancer v2**/

.freelancerv2 {
    background-color: #05081a;
}

.freelancerv2 .footerdez {
    background-color: #0b0e22;
}

.flv2 .header-heading h1 {
    font-size: 60px;
    line-height: 74px;
    margin-bottom: 30px;
}

.freelancerv2:before {
    content: "";
    background-image: url(../images/shape/stars.svg);
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: auto;
}

.text-effect-3 {
    background: url(../images/shape/bg-gradient.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.font-bold h1,
.font-bold h2,
.font-bold h3 {
    font-weight: 900;
}

html .mb15 {
    margin-bottom: 15px;
}

html .mt15 {
    margin-top: 15px;
}

.card-dark-2 {
    overflow: hidden;
    border: 1px solid hsla(0, 0%, 100%, 0.05);
    background-color: hsla(0, 0%, 100%, 0.05);
    border-radius: 14px;
}

.inforcardtt h3 {
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
}

.inforcardttt h2 {
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    font-weight: 600;
}

.inforcardttt h3 {
    font-size: 20px;
    line-height: 30px;
    color: #787c97;
    font-weight: 600;
}

.srve .inforcardtt {
    padding: 24px;
    background: #121526;
}

.about-dg-ca2 .inforcardtt {
    padding: 24px;
    padding-bottom: 0;
    background: #121526;
}

.footerlinkcard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    padding: 20px 0 20px 0;
    border-top: 1px solid #2f3140;
    margin-top: 24px;
    color: #fff;
}

.footerlinkcard:hover {
    color: #fff;
}

.ffvsocial a {
    display: block;
}

.ffvsocial a+a {
    margin-top: 20px;
}

.freelancerv2 .form-block h3 {
    color: #fff;
    font-weight: 600;
}

.freelancerv2 p,
.freelancerv2 .follow-label h6,
.freelancerv2 .follow-label a {
    color: #85879b;
}

.freelancerv2 .form-block label a {
    color: #85879b;
}

.freelancer-footer {
    padding: 90px 0 0px 0;
}

.freelancer-footer p.ffttrr {
    padding: 20px 0 20px 0;
    border-top: 1px solid #303240;
    margin-top: 60px;
}

.freelancerv2 .hexagon {
    background: #05081a;
}

.freelancerv2 .counter-no span {
    color: #fff;
}

.freelancerv2 .reviewer-text h4 {
    color: #85879b;
}

.niwaxheroscroll-v2 {
    position: relative;
    overflow-x: clip;
}

.niwaxheroscroll-v2 img {
    position: absolute;
}

.nxhs10 {
    top: 0;
    left: -60px;
    filter: blur(80px);
}

.nxhs20 {
    top: -10px;
    left: -20px;
    filter: blur(70px);
}

.nxhs30 {
    top: -5%;
    right: -5%;
    filter: blur(100px);
}

.nxhs40 {
    right: -70px;
    filter: blur(50px);
}

.nxhs50 {
    top: 0;
    left: 0;
}

.grid-x {
    position: fixed;
    width: 100%;
    z-index: 1;
}

.grid-line {
    height: 100vh;
    border-left: 1px solid #1e2131;
}

.freelancerv2 .section {
    position: relative;
    z-index: 2;
}

.innericodiv {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    padding: 18px;
    margin: 30px 0 0 30px;
}

.innidv1 {
    background: linear-gradient(135deg, #9100ff 0%, #3663ff 54%, #00e2ff 100%);
}

.innidv2 {
    background: linear-gradient(to right, #ffbd84 0%, #ff5b2e 100%);
}

.innidv3 {
    background: linear-gradient(to right, #f92c8b 0%, #b02cd6 100%);
}


/***mouse cursor**/

.mouse-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
}

.cursor.cursor2 {
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
}

.cursor {
    margin-left: -4px;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    z-index: 21474836490;
    background: linear-gradient(to right, #ffbd84 0%, #ff5b2e 100%);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0.9;
}

.cursor.cursor-hover {
    margin-left: -40px;
    margin-top: -40px;
    width: 80px;
    height: 80px;
    background-color: #ffbd84;
    opacity: 0.2;
}

.cursor-follow {
    margin-left: -18px;
    margin-top: -19px;
    width: 38px;
    height: 38px;
    border: 1px solid #ffbd84;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 21474836490;
    opacity: 0.8;
    -webkit-transition: all 0.08s ease-out;
    -o-transition: all 0.08s ease-out;
    transition: all 0.08s ease-out;
}

.cursor-follow.cursor-hover {
    opacity: 0;
}


/****/

.nxbg-a {
    background-color: #f8edff;
}

.nxbg-b {
    background-color: #d1d8ff;
}

.connect-block a {
    border-radius: 8px;
    background: #ffdbdb;
    border: 1px solid rgb(255 195 195);
    padding: 20px;
    display: flex;
}

.icon-fld-nx {
    text-align: center;
    font-size: 25px;
    margin: 0px 20px 0 0px;
    color: #050748;
}

.text-fld-nx {
    border-left: 1px solid #ffa7a7;
    padding: 0 0 0 20px;
}

.connect-block a span.small-text {
    font-size: 14px;
    color: #050748;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2.2px;
}

.text-fld-nx span {
    display: block;
}

.connect-block a span.large-text {
    font-size: 20px;
    color: #050748;
    line-height: 34px;
    font-weight: 700;
}

.common-heading.text-l>p {
    margin-top: 10px;
}

.contact-block-btm {
    padding: 50px 30px;
    background: #fff;
    border-radius: 8px;
    margin-left: 50px;
}

.footerdex {
    background-color: #01011b;
}


/***/

#progress-bar {
    --scrollAmount: 0%;
    background-image: linear-gradient(to right, #673ab7 0%, #2196f3 100%);
    width: var(--scrollAmount);
    height: 3px;
    position: fixed;
    top: 0;
    z-index: 999999999;
}


/**Start-Bootstrap-v5.1.3-update**/

a {
    text-decoration: auto;
}

.clients-creative-pic,
.testinomial-section-app .pl50,
.img-design,
.bread-titlev2 {
    position: relative;
    height: 100%;
}

.bread-titlev2 h1,
.bread-titlev2 p {
    color: #f9f9f9;
}

.hero-main-rp,
.about-image,
.img-block,
.image-block {
    position: relative;
    z-index: 10;
}

.custom-checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0;
}

.custom-control {
    margin-bottom: 10px;
    display: flex;
    grid-gap: 10px;
    align-items: center;
}

.custom-control label {
    text-indent: 0;
    padding: 0px 0 0 0px;
}

.custom-control-label::after,
.custom-control-label::before {
    display: none;
}

.media {
    display: flex;
}

.media div:first-child {
    flex-shrink: 0;
}

.itm-media-object .media .img-ab- {
    background: #fff;
    width: 72px;
    height: 72px;
    line-height: 48px;
    padding: 10px;
    box-shadow: 0px 8px 24px #0634620a;
    text-align: center;
    border-radius: 12px;
}

.itm-media-object .media .img-ab- img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.quote-css {
    position: absolute;
    right: 0;
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.accordion-button {
    font-size: 18px;
    line-height: 28px;
}

.ftr-brand-pp .navbar-brand {
    display: block;
}

.why-choos-lg:before {
    z-index: -1;
}

.accordion-item:first-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.accordion-button:not(.collapsed) {
    color: #050748;
    background-color: #f6f6f6;
    box-shadow: none;
}

.accordion-button {
    color: #050748;
    background-color: #f6f6f6;
}

.bdr0 {
    border: 0px;
}

.info-wrapr .dbox {
    grid-gap: 20px;
}

.form-control[type="file"] {
    overflow: hidden;
    padding: 11px 20px;
}

.tab-content {
    margin-top: 20px;
}

.nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.col-lg-3-cus,
.col-lg-6-cus {
    padding: 0;
}


/**End-Bootstrap-v5.1.3-update**/


/**Start-Update 2.1**/

.ff-social-icons a:hover {
    color: #ff5b2e;
}

.info-wrapr .dbox p span {
    padding: 0 0 5px 0;
}

.common-heading {
    text-align: center;
}

.common-heading>span {
    line-height: 26px;
}

.niwax-btn1 {
    padding: 2px;
    display: inline-block;
    outline: 0;
    color: rgb(255, 255, 255);
    background: -webkit-linear-gradient( left, #ffd523 0%, #ff7f00 16%, #ff271a 32%, #a139ff 48%, #0081ff 64%, #60b5ff 80%, #00e953 100%);
    background: linear-gradient( to right, #ffd523 0%, #ff7f00 16%, #ff271a 32%, #a139ff 48%, #0081ff 64%, #60b5ff 80%, #00e953 100%);
    border-radius: 30px;
    border: 0;
    box-shadow: none;
    cursor: pointer;
}

.niwax-btn1>span {
    display: block;
    padding: 0px 32px;
    line-height: 56px;
    font-size: 16px;
    background: #ffffff;
    border-radius: 30px;
    color: #050748;
}

.niwax-btn2 {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    padding: 0px 32px;
    line-height: 56px;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.niwax-btn2:hover {
    background-position: 99% 0;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.niwax-btn2:focus {
    outline: none;
}

.niwax-btn2 {
    background-image: linear-gradient( to right, #ff5652, #ff974f, #ff5752, #ffc323);
    box-shadow: 0 10px 15px 0px rgb(175 0 87 / 20%);
}

.niwax-btn3 {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    padding: 0px 32px;
    line-height: 56px;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.niwax-btn3:hover {
    background-position: 99% 0;
    moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.niwax-btn3:focus {
    outline: none;
}

.niwax-btn3 {
    background-image: linear-gradient( to right, #663ab7, #007dff, #00d7ff, #017cfe);
    box-shadow: 0 4px 15px 0 rgb(90 75 194 / 15%);
}

.niwax-btn3:hover,
.niwax-btn2:hover {
    color: #fff;
}

.niwax-btn4 {
    background: #ff0048;
    box-shadow: 0 10px 15px 0px rgb(56 0 189 / 20%);
}

.niwax-btn5 {
    background: #00aded;
    box-shadow: 0 10px 15px 0px rgb(56 0 189 / 20%);
}

.niwax-btn6 {
    background: #ff9e4a;
    box-shadow: 0 10px 15px 0px rgb(56 0 189 / 20%);
}

.tabs-layout .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #00baff;
    border-color: #00baff;
    border-radius: 100px;
}

.tabs-layout .nav-tabs .nav-link {
    border: 0 solid transparent;
    color: #6a6a8e;
    background-color: #efefef;
    border-radius: 100px;
    padding: 10px 35px;
}

.tabs-layout .nav-tabs .nav-item+.nav-item {
    margin: 0 10px;
}

.breadcrumb-area {
    background-repeat: no-repeat;
    background-size: cover;
}

.niwax21 {
    font-weight: bold;
}

.vrt-tabb .nav-link.active,
.vrt-tabb .show>.nav-link {
    color: #ffffff;
    background: #063462;
}

.vrt-tabb {
    padding-right: 100px;
}

.vrt-tabb li {
    width: 100%;
}

.vrt-tabb.nav-pills .nav-link {
    border-radius: 14px;
    margin-bottom: 20px;
}

.vrt-tabb .nav-link i {
    margin-right: 15px;
    background: #fff;
    padding: 10px;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    color: #063462;
    box-shadow: 0 10px 10px rgb(0 59 100 / 20%);
}

.vrt-tabb .nav-link {
    width: 100%;
    display: block;
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 3px rgb(103 192 255 / 20%);
}

.niwaxgap40 {
    grid-gap: 40px;
}


/**about page timeline**/

.timeline {
    position: relative;
}

.timeline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
    border-right: 2px dashed #288ced;
    height: 100%;
    display: block;
}

.timeline-row {
    padding-left: 50%;
    position: relative;
    margin-bottom: 30px;
}

.timeline-row .timeline-time {
    position: absolute;
    right: 50%;
    top: 15px;
    text-align: right;
    margin-right: 20px;
    color: #050748;
    font-size: 22px;
    font-weight: 600;
}

.timeline-row .timeline-time small {
    display: block;
    font-size: 15px;
    padding: 8px 0 0 0;
}

.timeline-row .timeline-content {
    position: relative;
    padding: 20px 30px;
    background: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    border: 1px solid #efefef;
    -webkit-box-shadow: 0 10px 15px 0px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 15px 0px rgb(0 0 0 / 10%);
}

.timeline-row .timeline-content:after {
    content: "";
    position: absolute;
    top: 20px;
    height: 16px;
    width: 16px;
    background: #fff;
    border: 1px solid #efefef;
}

.timeline-row .timeline-content:before {
    content: "";
    position: absolute;
    top: 20px;
    right: -49px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    z-index: 10;
    background: #fff;
    border: 2px dashed #288ced;
}

.timeline-row .timeline-content h4 {
    margin: 0 0 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 150%;
}

.timeline-row .timeline-content p {
    margin-bottom: 30px;
    line-height: 150%;
}

.timeline-row .timeline-content i {
    font-size: 1.2rem;
    line-height: 100%;
    padding: 15px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #272e48;
    margin-bottom: 10px;
    display: inline-block;
}

.timeline-row .timeline-content .thumbs {
    margin-bottom: 20px;
    display: flex;
}

.timeline-row .timeline-content .thumbs img {
    margin: 5px;
    max-width: 60px;
}

.timeline-row .timeline-content .badge {
    color: #ffffff;
    background: linear-gradient(120deg, #00b5fd 0%, #0047b1 100%);
}

.timeline-row:nth-child(even) .timeline-content {
    margin-left: 40px;
    text-align: left;
}

.timeline-row:nth-child(even) .timeline-content:after {
    left: -8px;
    right: initial;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(-135deg);
}

.timeline-row:nth-child(even) .timeline-content:before {
    left: -52px;
    right: initial;
}

.timeline-row:nth-child(odd) {
    padding-left: 0;
    padding-right: 50%;
}

.timeline-row:nth-child(odd) .timeline-time {
    right: auto;
    left: 50%;
    text-align: left;
    margin-right: 0;
    margin-left: 20px;
}

.timeline-row:nth-child(odd) .timeline-content {
    margin-right: 40px;
}

.timeline-row:nth-child(odd) .timeline-content:after {
    right: -8px;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
}

@media (max-width: 992px) {
    .timeline {
        padding: 15px;
    }
    .timeline:after {
        border: 0;
    }
    .timeline .timeline-row:nth-child(odd) {
        padding: 0;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-time {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 10px 0;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content {
        margin: 0;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content:before {
        display: none;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content:after {
        display: none;
    }
    .timeline .timeline-row:nth-child(even) {
        padding: 0;
    }
    .timeline .timeline-row:nth-child(even) .timeline-time {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 10px 0;
        text-align: left;
    }
    .timeline .timeline-row:nth-child(even) .timeline-content {
        margin: 0;
    }
    .timeline .timeline-row:nth-child(even) .timeline-content:before {
        display: none;
    }
    .timeline .timeline-row:nth-child(even) .timeline-content:after {
        display: none;
    }
}


/**theme setup**/

.w80 {
    width: 80px;
}

.gap10 {
    grid-gap: 10px;
}

.gap20 {
    grid-gap: 20px;
}

.gap30 {
    grid-gap: 30px;
}

.gap40 {
    grid-gap: 40px;
}

.gap50 {
    grid-gap: 50px;
}

.h-center {
    justify-content: center;
}

.h-cb {
    justify-content: space-between;
}


/**theme setup**/

.icon-btn {
    display: inline-flex;
    align-items: center;
    grid-gap: 8px;
}

.icon-btn i {
    font-size: 24px;
}

a.play-video {
    -webkit-box-shadow: 0 10px 15px 0px rgb(3 35 68 / 10%);
    box-shadow: 0 10px 15px 0px rgb(3 35 68 / 10%);
}

html body .title-hero p {
    padding: 0;
    margin: 0;
}

.niwax-lp1 {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.niwax-lp1:before {
    content: "";
    background: rgb(255 255 255 / 70%);
    width: 100%;
    height: 100%;
    position: absolute;
}

.formcover {
    background: #fff;
    padding: 50px 20px;
    border-radius: 14px;
}

.formcover h4 {
    text-align: center;
    font-size: 25px;
    line-height: 35px;
}

#contactForm .form-group {
    position: relative;
}

.help-block.with-errors {
    margin: 0px 0 0 15px;
    font-size: 11px;
    position: absolute;
    bottom: 16px;
}

.clientlogo img {
    margin: 0 auto;
}

.niwax-company-awards {
    display: grid;
    grid-template-columns: 200px auto;
    grid-gap: 20px;
    align-items: center;
    overflow: hidden;
}

.companytime p {
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.companytime p span {
    font-weight: 500;
    display: block;
    font-size: 20px;
    line-height: 26px;
    border-top: 1px solid #d9d9d9;
    padding: 14px 0 0 0;
    margin: 14px 0 0 0;
}

.companytime {
    background: #0d83fd;
    padding: 14px;
    border-radius: 10px 50px 10px 50px;
}

.niwaxawardrow2 {
    text-align: center;
}

.shadow {
    -webkit-box-shadow: 0 10px 15px 0px rgb(3 35 68 / 7%) !important;
    box-shadow: 0 10px 15px 0px rgb(0 23 46 / 7%) !important;
}

.awardbgwithtext {
    width: 150px;
    height: 150px;
    position: relative;
}

.awardbgwithtext img {
    width: 100%;
}

.awardbgwithtext p {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    padding: 0 25px;
    color: #050748;
}

.awardbgwithtext p span {
    color: #050748;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    display: block;
    padding: 10px 0 0 0;
}

.niwaxawardrow1 div+div {
    margin-top: 20px;
}

.whychooseniwax {
    display: grid;
    grid-template-columns: 150px auto 150px;
    grid-gap: 30px;
}

.btnwithiconside img {
    width: 42px;
}

.btnwithiconside span {
    display: block;
    font-size: 14px;
    padding: 0 0 4px 0;
}

.btnwithiconside div {
    font-weight: 600;
    font-size: 20px;
    color: #050748;
    text-align: left;
}

.pricingheader h2 {
    font-size: 28px;
    line-height: 40px;
}

.pricingrate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e5e5e5;
    padding: 30px 0 0 20px;
}

.pricevalue h2 {
    font-size: 34px;
    line-height: 44px;
}

.priceoffer {
    clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%);
    background: #007dff;
    text-align: center;
    padding: 10px 20px;
}

.priceoffer h2 {
    font-size: 25px;
    line-height: 35px;
    color: #fff;
}

.priceoffer h2 span {
    display: block;
    text-decoration: line-through;
    font-size: 20px;
    line-height: 30px;
}

.niwaxpricingbox {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
}

.pricingheader {
    padding: 30px 20px 30px 20px;
    background: #f8f8ff;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 70px;
}

.priceodernow {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pricingoffers {
    overflow-y: scroll;
    max-height: 310px;
    height: 310px;
    padding: 20px;
    background-color: #f8f8ff;
    margin: 30px 20px;
    border: 1px solid #e8e8e8;
    border-radius: 14px 0px 0px 14px;
}

.pricingoffers .list-ul li {
    padding: 0 0px 10px 24px;
    position: relative;
    line-height: 22px;
    font-size: 15px;
}

.livechatbtn i {
    color: #018f41;
}

.livechatbtn span {
    display: block;
    font-size: 14px;
}

.livechatbtn {
    color: #050748;
    font-weight: 600;
}

.livechatbtn:hover {
    color: #018f41;
}

.pricingfooter a {
    color: #6a6a8e;
    font-size: 14px;
}

.pricingfooter {
    background: #f8f8ff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reco .priceoffer {
    background: #ff3381;
}

.reco .pricingheader {
    background-color: #e9e9ff;
}

.center-dots .owl-dots {
    margin: 30px auto 0;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
}

.awardlogo {
    text-align: center;
    background: #fff;
    border-radius: 14px;
    padding: 0 14px;
    width: 150px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 10px 20px -10px rgb(13 131 253 / 13%);
}

.niwax-logo-slider .industry-workfors {
    text-align: center;
}

.niwax-logo-slider .industry-workfors img {
    width: 50px;
    margin: 0 auto;
}

.industry-workfors h6 {
    padding-top: 10px;
}

.nxpb-1 {
    margin-top: 60px;
}

.nxpb-2 {
    margin-top: 30px;
}

.nxpb-3 {
    margin-top: 60px;
}

.pairofbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    grid-gap: 30px;
}

.about-agencys {
    overflow: hidden;
}

.niwaxfixbtn {
    position: fixed;
    right: 10px;
    bottom: 70px;
}

.niwaxfixbtn img {
    width: 180px;
}

.badge {
    font-size: 12px;
}

.niwax-company-awards-cover {
    background: #f0f7ff;
    padding: 20px 0;
}

.typer {
    color: #ff3870 !important;
}

.niwaxbtnvideo {
    display: flex;
    align-items: center;
    grid-gap: 15px;
}

.niwax-lp2 {
    background-size: 100%;
    background-color: #fff0eb;
}

.nlp1 {
    top: 0;
    right: 0;
    height: 100%;
    width: 65%;
}

.nlp2 {
    top: 0;
    right: 0;
    height: 100%;
    width: 60%;
}

.nlp3 {
    top: 65%;
    left: 0;
    height: 100%;
    width: 200px;
}

.nlp4 {
    top: 65%;
    left: 0;
    height: 100%;
    width: 200px;
}

.niwax-lp-img {
    position: absolute;
}

.nx-circl-icon img {
    width: 42px;
}

.nx-circl-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.nxlp-a {
    background: linear-gradient(to right, #ffbd84 0%, #ff5b2e 100%);
}

.nxlp-b {
    background: linear-gradient(to right, #ff3f34 0%, #ff834f 100%);
}

.nxlp-c {
    background: linear-gradient(to right, #84bbff 0%, #1f70ff 100%);
}

.nxlp-d {
    background: linear-gradient(to right, #4bffc5 0%, #00c77c 100%);
}

.hoverwithbg:hover {
    background: linear-gradient(to bottom, #ffffff 0%, #fff0eb 100%);
}

.inforcardtt {
    padding: 24px;
    padding-bottom: 0;
    background: #fff;
}

.sliderset-nx {
    display: grid;
    grid-template-columns: 50% auto;
    align-items: center;
    grid-gap: 60px;
}

.typewriter-text {
    padding-right: 10px;
    color: #ffe509;
    border-right: solid #ffe509 7px;
    text-transform: uppercase;
    animation: cursor 1s ease-in-out infinite;
    font-weight: bold;
}

.clientslider {
    padding: 30px 0 80px;
}

.cursorx {
    color: #ff3870;
    -webkit-animation: blink 2s infinite both;
    animation: blink 2s infinite both;
}

@-webkit-keyframes blink {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes blink {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.niwaxofcanvas {
    z-index: 10459999;
    -webkit-transition: all 0.6s cubic-bezier(0.6, 0.11, 0.45, 1.04);
    transition: all 0.6s cubic-bezier(0.6, 0.11, 0.45, 1.04);
}

.offcanvas-title img {
    max-height: 60px;
}

.contactitle {
    font-size: 18px;
    opacity: 0.7;
    font-weight: normal;
}

.contact-data ul li+li {
    margin-top: 10px;
}

.contact-data ul li a {
    color: #6a6a8e;
    font-size: 17px;
    line-height: 26px;
    display: grid;
    grid-template-columns: 30px auto;
    grid-gap: 10px;
    align-items: start;
    justify-content: start;
}

.contact-data ul li a i {
    font-size: 20px;
    margin: 6px 0 0 0;
}

.companyinfodiv .btn-close {
    position: absolute;
    left: 10px;
    top: 10px;
}

.companyinfodiv {
    background: #f3fffe;
    padding: 60px 20px;
    text-align: center;
}

.contactinfo-bar {
    padding: 0 15px;
}

.social-media-linkz a {
    display: inline-block;
    color: #6a6a8e;
    font-size: 20px;
    margin: 0 15px 0 0px;
}

.locoff span {
    display: block;
    font-weight: 600;
}

.companytitle {
    display: block;
    margin: 10px 0 0 0;
    font-size: 16px;
    line-height: 25px;
}

.main-header {
    display: flex;
    align-items: center;
}


/**End-Update 2.1**/


/*Update 2.2*/

.sidebarform input,
.sidebarform select,
.sidebarform textarea {
    border: 2px solid #e6e6e6;
}

.sidebarform {
    background: #fff;
}

.icondive img {
    width: 35px;
    margin-right: 20px;
}

.getintouchinfo a {
    color: #050748;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    display: block;
}

.getintouchinfo a span {
    display: block;
    color: #6a6a8e;
    font-size: 15px;
    font-weight: normal;
}

.offcanvas.show .cbtn {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.cbtn {
    position: absolute;
    left: -40px;
    top: 10px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.btnclose {
    background: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid #e3e3e3;
    box-shadow: 0px 10px 10px #0000004a;
}

.btnclose .btn-close {
    padding: 15px;
}


/*update 2.3*/


/*dark mode switch update*/

.switch-wrapper input:checked+.slider:before {
    transform: translateX(0px);
}

.switch-wrapper .switch {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 34px;
}

.switch-wrapper {
    display: block;
    align-items: center;
    position: relative;
    z-index: 55555;
    top: auto;
    transform: none;
    transform: none;
    margin: 0 10px;
}

.custom-nav .nav-list {
    display: flex;
    align-items: center;
}

.active-dark footer .ftr-brand-pp .f-dark-logo {
    display: none;
}

.active-dark footer .ftr-brand-pp .f-white-logo {
    display: block;
}

footer .ftr-brand-pp .f-white-logo {
    display: none;
}

footer .ftr-brand-pp .f-dark-logo {
    display: block;
}

.mob-nav2 {
    align-items: center;
}


/*contact form*/

#contactform .error-label .error {
    color: #ff0500;
    display: block;
    margin: 0;
    font-size: 12px;
    bottom: 10px;
    top: inherit;
    background: #fff;
    padding: 0 8px 0 8px;
}

.formicon {
    position: absolute;
    top: 15px;
    left: 20px;
}

.iconin .form-block input,
.iconin .form-block select,
.iconin .form-block textarea {
    padding: 0px 25px 0px 35px;
    border-radius: 0;
}

.iconin .form-block textarea {
    padding: 15px 35px 15px 35px;
    margin-top: 1px;
    line-height: 25px;
}

.iconin .floating-label label {
    left: 50px;
}

.loader-icon {
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    justify-content: center;
    align-items: center;
    background: #ffbd84;
    background: -moz-linear-gradient(left, #ffbd84 0%, #ff5b2e 100%);
    background: -webkit-linear-gradient(left, #ffbd84 0%, #ff5b2e 100%);
    background: linear-gradient(to right, #ffbd84 0%, #ff5b2e 100%);
}

.loader-icon:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 3px solid rgb(255 255 255 / 20%);
    border-top-color: #fff;
    animation: spinner 0.6s linear infinite;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.niwaxform input.error,
.niwaxform select.error,
.niwaxform textarea.error {
    border-bottom: 1px solid red !important;
}

.niwaxform input.valid,
.niwaxform select.valid,
.niwaxform textarea.valid {
    border-bottom: 1px solid #00a759 !important;
}

.niwaxform input.valid,
.niwaxform textarea.valid {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300a759' d='M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 28px !important;
    transition: none;
}

.niwaxform input.error,
.niwaxform textarea.error {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff0000' d='M13.41 12l4.3-4.29a1 1 0 1 0-1.42-1.42L12 10.59 7.71 6.29A1 1 0 0 0 6.29 7.71L10.59 12l-4.3 4.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0L12 13.41l4.29 4.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42Z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 28px !important;
    transition: none;
}

.floating-input:focus~label,
.floating-input:not(:placeholder-shown)~label,
.floating-select:focus~label,
.floating-select:not([value=""]):valid~label {
    top: -1px;
    font-size: 12px;
    color: #828282;
    width: 100%;
}

.textareax .floating-input:focus~label,
.textareax .floating-input:not(:placeholder-shown)~label,
.textareax .floating-select:focus~label,
.textareax .floating-select:not([value=""]):valid~label {
    background: #fff;
}

.niwaxform textarea.error,
.niwaxform textarea.valid {
    background-position-x: 98%;
    background-position-y: 10px;
}

label.error {
    height: auto;
}

#contactform .form-group {
    margin-bottom: 10px;
}

#contactform input:focus,
#contactform textarea:focus {
    border-bottom: 1px solid #00b1ff;
}

#contactform button {
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #ffbd84;
    background: -moz-linear-gradient(left, #ffbd84 0%, #ff5b2e 100%);
    background: -webkit-linear-gradient(left, #ffbd84 0%, #ff5b2e 100%);
    background: linear-gradient(to right, #ffbd84 0%, #ff5b2e 100%);
    width: fit-content;
    padding: 0 50px;
}


/***/

.single-blog- img {
    max-width: 70px;
}

.offcanvas-body .getintouchblock p {
    margin-bottom: 30px;
}

.custom-nav .nav-list li.hidedesktop {
    display: none;
}

.custom-nav .nav-list li.darkmodeswitch {
    display: block;
}

.right-end-btn {
    margin-left: 15px;
}

.custom-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    float: none;
}

.sidebarform form {
    margin-bottom: 20px;
}

.navm- {
    position: relative;
}

div.custom-nav>ul>li:hover .nx-dropdown {
    opacity: 1;
    height: auto;
    overflow: inherit;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.nx-dropdown {
    -webkit-transform: perspective(600px) rotateX(-15deg);
    transform: perspective(600px) rotateX(-15deg);
    -webkit-transform-origin: 50% -50px;
    -ms-transform-origin: 50% -50px;
    transform-origin: 50% -50px;
    width: 97vw;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: 0px 0px 20px 20px;
    overflow: hidden !important;
    -webkit-box-shadow: 0px 20px 20px -10px rgb(0 0 0 / 15%);
    box-shadow: 0px 20px 20px -10px rgb(0 0 0 / 15%);
}

.clientsicons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.clientsicons img {
    padding: 0 10px;
}

img {
    max-width: 100%;
    height: auto;
}

.contact-review {
    background: #fff;
    padding: 30px 20px;
    border-radius: 14px;
}

.niwax23form {
    background: #fff;
    padding: 50px 30px;
    border-radius: 14px;
}

.contact-review .owl-dots {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.locations {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.ouroffice a {
    color: #050748;
    margin-top: 20px;
    display: block;
}

.ouroffice h4 {
    margin-bottom: 8px;
}

.form-block {
    overflow: hidden;
}

.leadpopup .modal-body {
    padding: 0;
}

.leadpopup .modal-dialog {
    max-width: 800px;
}

.leadpopup .modal-content {
    border-radius: 0;
}

.innerbody {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.innerleft {
    padding: 30px;
}

.innerright {
    background-size: cover;
}

.leadbtnclose {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

input {
    accent-color: #ff5b2e;
}


/*update 2.4*/

.rightline {
    border-right: 1px solid #1e2131;
}

.container-shop {
    width: 1280px;
    margin: 0 auto;
}

.rpb-shop-items-dv {
    overflow: hidden;
}

.gap15 {
    grid-gap: 15px;
}

a.smllbtnn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rpb-shop-items-img a img {
    width: 100%;
}

.rpb-shop-items-dv a {
    display: block;
}

.rpb-shop-items-info {
    padding: 20px 15px 20px 15px;
}

.rpb-shop-flxbt a {
    display: inline-block;
}

.bg-btn9 {
    background: #2196f3;
    font-size: 15px;
}

.bg-btn10 {
    background: #414165;
    font-size: 15px;
}

.bg-btn9:hover {
    background: #0975cb;
}

.bg-btn10:hover {
    background: #2c2c4c;
}

.pb0 {
    padding-bottom: 0;
}


/*pagination*/

.paginationdiv ul {
    position: relative;
    background: #fff;
    display: flex;
    padding: 10px 20px;
    border-radius: 50px;
    width: max-content;
    margin: 0 auto;
    align-items: center;
}

.paginationdiv ul li {
    list-style: none;
    line-height: 40px;
    margin: 0 5px;
}

.paginationdiv ul li.pagenumber {
    width: 40px;
    height: 40px;
    line-height: 40px;
    align-items: center;
}

.paginationdiv ul li a {
    display: block;
    text-decoration: none;
    font-weight: 600;
    border-radius: 50%;
    text-align: center;
    transition: linear 0.3s;
    font-size: 15px;
    padding: 0;
}

.paginationdiv ul li.pagenumber:hover a,
.paginationdiv ul li.pagenumber.active a {
    background: #2196f3;
    color: #fff;
}

.paginationdiv ul li:first-child {
    margin-right: 10px;
    font-weight: 700;
    font-size: 20px;
}

.paginationdiv ul li:last-child {
    margin-left: 10px;
    font-weight: 700;
    font-size: 20px;
}

.link-header {
    margin-top: 129px;
}

.testinomial-section.bg-none.pad-tb {
    padding: 80px 0px !important;
    background: #f5f7f9;
}

.statistics-section.bg-gradient6.pad-tb.tilt3d {
    background: #fff !important;
    padding: 0;
    padding-top: 80px;
}

.why-choos-lg {
    padding: 80px 0px;
}

.why-choos-lg.pad-tb.deep-dark .common-heading.text-l {
    padding-right: 48px;
}

.why-choos-lg.pad-tb.deep-dark {
    background: #fff;
}

.portfolio-section-nx.pad-tb {
    padding: 80px 0px !important;
}

.portfolio-page.pad-tb {
    background: transparent !important;
    padding: 0px !important;
    color: #fff !important;
}

.portfolio-page.pad-tb h1,
.portfolio-page.pad-tb p,
.portfolio-page.pad-tb span,
.portfolio-page.pad-tb i {
    color: #fff;
}

.portfolio-meta li a,
.portfolio-meta li {
    color: #fff;
}

.home-partners-block.r-bg-x.sec-pad {
    background: #f5f7f9;
    padding: 80px 0px;
}

.case-study.pad-tb.bg-gradient5.deep-dark {
    padding: 60px 0px;
    background: #fff;
}

.p-details-before-after {
    background: #f5f7f9;
    padding: 80px 0px;
}

.p-details-getup {
    background: #ffffff;
    box-shadow: 0px 16px 40px rgba(6, 52, 98, 0.08);
    border-radius: 16px;
    position: relative;
}

.p-details-getup-widget.border-right {
    border-right: 1px solid #06346226;
}

.p-details-getup-widget {
    padding: 25px 30px;
}

.p-details-getup-w-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 15px;
}

.single-getup-count {
    margin-top: 25px;
    position: relative;
    padding-right: 17px;
    margin-right: 17px;
    text-align: center;
}

.single-getup-count::before {
    position: absolute;
    right: 5px;
    bottom: 0;
    top: 11px;
    width: 1px;
    height: 60%;
    background: #00000026;
    content: "";
}

.single-getup-count.none-arrow::before {
    display: none;
}

.p-details-getup-w-title {
    color: #063462;
    font-size: 32px;
    margin-bottom: 5px;
}

.title-one {
    position: relative;
    padding-left: 94px;
    padding-right: 85px;
}

.title-one .img-left {
    position: absolute;
    left: 0;
}

.title-one .img-left img {
    width: 80px;
    height: 80px;
}

.p-after-getup {
    padding-left: 35px;
}

.single-getup-count h4 {
    font-size: 40px;
    line-height: 48px;
    color: #063462;
    margin-bottom: 4px;
    font-weight: 700;
}

.p-details-getup-widget.after-getup .p-details-getup-w-title {
    color: #f07230;
}

.p-details-getup-widget.after-getup .single-getup-count h4 {
    color: #f07230;
}

.single-getup-count p {
    font-size: 14px;
    line-height: 20px;
}

.single-getup-count h4 span {}

.single-getup-count h4 strong {
    font-weight: 700;
}

.p-after-getup .single-getup-count p {
    color: #fafcff;
}

.portfolio-content-main {
    background: #ffffff;
    box-shadow: 0px 24px 40px rgba(6, 52, 98, 0.08);
    padding: 40px;
}

.portfolio-content-main p {
    margin-bottom: 30px;
}

.portfolio-content-main p:last-child {
    margin: 0;
}

.project-img-content {}

.project-d-c-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    color: #063462;
    background: #fafcff;
    padding: 15px;
    margin: 40px 0px;
}

.project-img-slider {
    padding: 0px 55px;
    margin-bottom: 40px;
}

.project-video-img {
    position: relative;
    text-align: center;
    margin: 0 55px 40px 55px;
}

.project-video-img img {}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .title-one {
        padding: 0;
    }
    .p-before-getup .p-details-getup-w-title {
        font-size: 23px;
        margin-top: 10px;
    }
    .title-one .img-left img {
        width: 45px;
        height: 45px;
    }
    .title-one {
        padding: 0;
        padding-left: 54px;
    }
    .title-one p {
        font-size: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .title-one {
        padding: 0;
    }
    .title-one .img-left {
        position: relative;
    }
    .p-before-getup .p-details-getup-w-title {
        font-size: 23px;
        margin-top: 10px;
    }
    .single-getup-count {
        margin-top: 20px !important;
    }
    .p-details-getup-widget.border-right {
        border: none;
    }
    .title-one .img-left img {
        width: 45px;
        height: 45px;
    }
    .single-getup-count h4 {
        margin-bottom: 8px;
    }
    .title-one {
        padding: 0;
        padding-left: 0;
    }
    .title-one p {
        font-size: 15px;
    }
    .single-getup-count::before {
        display: none;
    }
    .p-details-getup-widget.after-getup {
        padding-top: 0px;
    }
}

.p-details-getup-section-head {
    text-align: center;
    margin-bottom: 40px;
}

.p-details-getup-title {
    margin-bottom: 16px;
}

.quote-line-inner {
    text-align: center;
}

.quote-line-inner-images {
    text-align: center;
    display: inline-block;
}

.ree-details-set.user-info {
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    margin-top: 12px;
}

.reviews-block.bg-gradient5.pad-tb {
    padding: 80px 0px;
    background: #fff;
}


/* Header DropDown Menu CSS */

.dropdown-menu-box {
    background: #fff;
    width: 100%;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
    padding: 40px;
    transition: all 0.4s ease;
    border-top: 1px solid #f07230;
}

.dropdown-menu-tab-list .nav-tabs .nav-item {
    width: 100%;
}

.dropdown-menu-tab-list .nav-tabs .nav-link {
    width: 100%;
    padding: 16px 12px;
    border: none;
    border-radius: 0;
    font-size: 16px;
    border-bottom: 1px solid #f072301f;
}

.dropdown-menu-tab-list .nav-tabs .nav-link.active,
.dropdown-menu-tab-list .nav-tabs .nav-link:hover {
    background: #f07230;
    color: #fff;
}

.dropdown-menu-tab-details {
    margin: 0;
}

.dropdown-product-innner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.single-dropdown-product {
    display: flex;
    background: #f072301c;
    padding: 24px;
}

.dropdown-product-icon img {
    max-width: 34px;
    max-height: 34px;
    border-radius: 4px;
    object-fit: contain;
}

.dropdown-product-content {
    margin-left: 16px;
}

.dropdown-product-title {
    line-height: 120%;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 8px;
}

.dropdown-product-description {
    font-size: 15px !important;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 140% !important;
}

.view-all-product-btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.view-all-product-btn .ree-btn-grdt1 {
    margin: 0;
}

.blog-area {
    padding: 80px 0px;
}


/* Funfact Area */

.funfact-area {
    padding: 80px 0px !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}

.funfact-area .statistics span {
    color: #fff;
}

.funfact-area .statistics p {
    color: #f9f9f9;
}

.funfact-area .img-fluid {
    filter: brightness(0) invert(1);
}


/* Service Details  */

.statistics-wrap.bg-gradient5 {
    background: #fff;
}

.service-block.bg-gradient6.pad-tb,
.service.pad-tb.bg-gradient5,
.service-block.pad-tb.bg-gradient7,
.featured-project.pad-tb {
    background: #f5f7f9;
}


/* Case Study */

.port-head-sec.pt85.pb120.r-bg-a {
    padding-top: 120px;
}

.desktopblock img {
    width: 100%;
    height: 400px !important;
    object-fit: cover;
    object-position: top;
}


/* Get Quote Area */

.sol-img.m-mt30.get-quote-img img {
    width: 100%;
    height: 520px;
    object-fit: contain;
}


/* Service Details Bredcrumbs */

.service-details-breadcrumbs {
    /* margin-top: 115px; */
    padding: 72px 0px;
    background: #063462;
}

.service-details-bread-cont-title {
    margin-bottom: 16px;
    font-size: 48px;
    line-height: 120%;
}

.service-details-bread-content .btn-main:hover {
    background: #fff;
    color: #f07230;
}

.service-details-img img {
    width: 100%;
    height: 480px;
    object-fit: cover;
}

.bg-btn2 i {
    margin-left: 6px;
}

.service-details-form {
    background: #fff;
    padding: 32px 24px;
    margin-left: 180px;
    border-radius: 16px;
    position: relative;
    z-index: 2;
}

.service-details-form::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 8px;
    left: 8px;
    background: #ffffff3b;
    border-radius: 16px;
    z-index: -1;
}

.service-details-form form input,
.service-details-form form textarea {
    width: 100%;
    height: 48px;
    border-radius: 6px;
    border: 1px solid #eeee;
    padding: 12px;
    font-size: 16px;
    transition: all 0.4s ease;
}

.service-details-form form input:focus,
.service-details-form form textarea:focus {
    border: 1px solid #f07230;
}

.service-details-form form textarea {
    height: 120px;
}

.service-details-form form input,
.service-details-form form textarea {
    font-size: 14px;
}

.s-details-form-info {
    text-align: center;
    margin-bottom: 24px;
}

.s-details-form-info p {
    font-size: 15px;
    line-height: 120%;
    margin-bottom: 8px;
}

.s-details-form-info h3 {
    font-size: 24px;
}

.s-details-form-info h3 span {
    color: #f07230;
}

.service-details-form-btn button {
    width: 100%;
    height: 48px;
    background: #f07230;
    border: none;
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
}

.service-details-form-btn button:hover {
    background: #073462;
    color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .service-details-bread-cont-title {
        font-size: 38px;
    }
    .service-details-form {
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-details-breadcrumbs {
        padding-top: 48px;
    }
    .service-details-img img {
        height: 380px;
        margin-top: 24px;
    }
    .service-details-bread-cont-title {
        font-size: 38px;
    }
    .service-details-form {
        margin: 0px 56px;
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .service-details-img img {
        height: 280px;
        margin-top: 24px;
    }
    .service-details-bread-cont-title {
        font-size: 28px;
    }
    .service-details-form {
        margin-left: 0;
        margin-top: 32px;
    }
    .s-details-form-info h3 {
        font-size: 22px;
    }
}


/* Marketplace Page Area */

.marketplace-breadcrumbs-content {
    text-align: center;
}

/*.marketplace-breadcrumbs-content h2{*/
/*    color: #fff;*/
/*}*/

/*.marketplace-breadcrumbs-content p{*/
/*    color: #fff;*/
/*}*/
.marketplace-breadcrumbs {
    padding: 120px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #fff;
}

.marketplace-breadcrumbs-cont-title {
    margin-bottom: 24px;
}

.marketplace-product-area {
    padding: 80px 0px;
}

.marketplace-product-section-head {
    text-align: center;
    margin-bottom: 24px;
}
.marketplace-product-wrapper {
	display: grid;
	grid-template-columns: repeat(6,1fr);
	gap: 24px;
	margin-top: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .marketplace-product-wrapper {
    	grid-template-columns: repeat(5,1fr);

    }

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .marketplace-product-wrapper {
    	grid-template-columns: repeat(4,1fr);

    }
}

@media only screen and (max-width: 767px) {
    .marketplace-product-wrapper {
    	grid-template-columns: repeat(3,1fr);
        gap:16px;
    }
}

@media only screen and (max-width: 480px) {
    .marketplace-product-wrapper {
        gap:16px;
    	grid-template-columns: repeat(2,1fr);
    }
}



.single-marketplace-product {
	display: inline-block;
	background: #fff;
	box-shadow: 0px 2px 4px #06346217;
	border-radius: 8px;
	transition: all 0.4s ease;
	text-align: center;
	padding: 16px;
	position: relative;
}

.single-marketplace-product:hover {
    box-shadow: 0px 8px 24px #0634621c;
}

.single-marketplace-product:hover .single-marketplace-product-img img {
    transform: scale(1.04);
}

.single-marketplace-product-img {
	width: 120px;
	height: 120px;
	overflow: hidden;
	transition: all 0.3s ease;
	border-radius: 100%;
	text-align: center;
	margin: auto;
}

.single-marketplace-product-img img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 100%;
	overflow: hidden;
	transition: all 0.3s ease;
}
.single-marketplace-product-content {
	display: block;
	padding: 0;
	margin-top: 12px;
}

.marketplace-product-total-items {
	display: inline-block;
	background: #fd7e1421;
	line-height: 24px;
	border-radius: 100%;
	color: var(--primary);
	font-size: 14px;
	position: absolute;
	top: 16px;
	right: 16px;
	width: 24px;
	height: 24px;
}

.marketplace-product-title {
	font-weight: 500;
	font-size: 16px;
	line-height: 120%;
	transition:all 0.3s ease;
}
.single-marketplace-product:hover .marketplace-product-title{
    color:var(--primary);
}
.marketplace-breadcrumbs-cont-title {
    margin-bottom: 20px;
}

.marketplace-breadcrumbs-btn {
    margin-top: 32px;
}

.marketplace-breadcrumbs-btn i {
    margin-left: 6px !important;
    font-size: 14px;
}


/* Features Items Area */

.featured-items-area {
    padding: 80px 0px;
    background: #f9f9f9;
}

.featured-items-section-head {
    text-align: center;
    margin-bottom: 24px;
}

.featured-items-card {
    background: #fff;
    box-shadow: 0px 30px 50px 0px rgba(8, 0, 42, 0.08);
    border-radius: 8px;
    padding: 10px;
    margin-top: 32px;
}

.featured-items-card-img img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    border-radius: 8px 8px 0px 0px;
}

.featured-items-card-content {
    padding: 12px;
}

.featured-items-card-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.featured-items-card-title:hover {
    color: #f07230;
}

.featured-items-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.featured-items-category a {
    padding: 6px 12px;
    background: #fef4ee;
    color: #f07230;
    font-size: 14px;
    font-weight: 500;
    border-radius: 12px;
    display: inline-block;
}

.featured-items-price span {
    font-weight: 500;
}

.featured-items-card-author {
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px;
}

.featured-items-card-img {
    position: relative;
}

.featured-items-card-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0px 0px;
    background: #222;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
}

.featured-items-card:hover .featured-items-card-img::before {
    visibility: visible;
    opacity: 0.8;
}

.featured-items-card:hover .featured-items-button {
    opacity: 1;
    visibility: visible;
}

.featured-items-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    z-index: 2;
}

.featured-items-btn {
    background: #f07230;
    color: #fff;
    padding: 12px 24px;
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    width: 100%;
    margin-bottom: 12px;
}

.featured-items-btn:last-child {
    margin: 0;
}

.featured-items-btn.live-preview {
    border: 2px solid #fff;
    color: #fff;
    background: transparent;
}

.featured-items-btn.live-preview:hover {
    background: #f07230;
    color: #fff;
    border: 2px solid transparent;
}

.featured-items-btn.admin-preview:hover {
    background: #fff;
    color: #000;
}

.featured-items-section-bottom {
    text-align: center;
    margin-top: 56px;
}


/* Plugin Items Area */

.plugin-items-area {
    padding: 80px 0px;
    background: #fff;
    margin-bottom: 60px;
}

.plugin-items-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.plugin-items-section-head-button .ree-btn {
    background: transparent;
    color: #f07230;
    box-shadow: none;
}

.plugin-items-section-head-button .ree-btn:hover {
    background: #f07230;
    color: #fff !important;
}

.plugin-card.featured-items-card {
    padding: 10px 10px 0px 10px;
}

.plugin-card.featured-items-card .featured-items-card-img::before {
    display: none;
}

.plugin-card.featured-items-card .featured-items-card-content {
    padding: 16px;
    text-align: left;
}

.plugin-card.featured-items-card .featured-items-card-title {
    color: #30303c !important;
}


/* .plugin-items-slider .owl-stage-outer {
    overflow: visible;
}
.plugin-items-slider .owl-item {
    opacity: 0;
    transition: opacity 500ms;
}
.plugin-items-slider .owl-item.active {
    opacity: 1;
}

.plugin-items-slider.owl-theme .owl-dots .owl-dot span {
    display: none;
}
.plugin-items-slider.owl-theme .owl-dots {
    margin-top: 40px;
} */


/*============================================================================================
	Industry Details Pag
==============================================================================================*/


/* Reset  */

.section-padding {
    padding: 72px 0px;
}

.section-padding-2 {
    padding: 40px 0px 80px;
}

.section-bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/* Section Head */

.section-head {
    margin-bottom: 40px;
}

.section-head-sm-title {
    background: #f07230;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 6px;
    letter-spacing: -0.2px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 12px;
}

.section-head-sm-title i {
    font-size: 16px;
    margin-right: 6px;
    position: relative;
    top: 3px;
}

.section-head-title {
    letter-spacing: -1.75px;
    line-height: 60px;
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.section-head-text {
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.3px;
    margin-top: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-head-title {
        font-size: 32px;
        line-height: 44px !important;
    }
    .section-head-text {
        font-size: 16px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-head-title {
        font-size: 32px;
        line-height: 44px !important;
    }
    .section-head-text {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 767px) {
    .section-head {
        margin-bottom: 24px;
    }
    .section-head-title {
        letter-spacing: 0;
        line-height: 33px;
        font-size: 24px;
    }
    .section-head-sm-title {
        padding: 4px 12px;
    }
    .section-head-text {
        -webkit-line-clamp: 6;
        margin-top: 8px;
    }
}


/* Theme Button */

.theme-btn {
    background: var(--primary);
    padding: 10px 20px;
    color: #fff;
    border-radius: 6px;
    display: inline-block;
    margin-right: 20px;
    font-weight: 500;
    line-height: 24px;
    font-size: 15px;
    text-align: center;
}

.theme-btn:hover,
.theme-btn.secondary-btn {
    background: var(--secondary);
    color: var(--white);
}

.theme-btn.secondary-btn:hover {
    background: #f07230;
    color: #fff;
}

.theme-btn:last-child {
    margin: 0;
}

.theme-btn i {
    font-size: 16px;
    position: relative;
    top: 2px;
}

.theme-btn.icon-left i {
    margin-right: 6px;
}

.theme-btn.icon-right i {
    margin-left: 6px;
}

@media only screen and (max-width: 767px) {
    .theme-btn {
        padding: 6px 12px;
        margin-right: 0;
        font-size: 12px;
        margin: 0;
    }
    .theme-btn i {
        font-size: 14px;
    }
}


/* Hero Area */


/* .hero-area {
  padding: 196px 0px 80px;
}
.hero-content {
  text-align: center;
  padding: 0px 108px;
}
.hero-content-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 130%;
  margin-bottom: 24px;
}
.hero-content-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding: 0px 72px;
}
.hero-content-button {
  margin-top: 48px;
}
.hero-content-button .theme-btn {
  padding: 13px 20px;
}
.hero-technology {
  text-align: center;
  margin-top: 64px;
}
.hero-technology-list li {
  display: inline-block;
  margin-right: 20px;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 28px;
  line-height: 80px;
}
.hero-technology-list li:last-child {
  margin: 0;
}
.hero-technology-list li img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.hero-down-arrow {
  text-align: center;
  margin-top: 82px;
}
.hero-down-arrow a {
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  line-height: 42px;
  font-size: 14px;
  color: #f07230;
  display: inline-block;
}
.hero-down-arrow a:hover {
  background: #f07230;
  color: #fff;
} */


/* Hero Content Animation */


/* .hero-content-title {
  animation: fadeInUp 1s both 1.2s;
}
.hero-content-text {
  animation: fadeInUp 1.2s both 1.4s;
}
.hero-content-button {
  animation: fadeInUp 1.4s both 1.6s;
}
.hero-down-arrow {
  animation: fadeInUp 1.4s both 1.6s;
} */


/* Responsive CSS */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .hero-area {
        padding: 72px 0px 32px;
    }
    .hero-content {
        padding: 0;
    }
    .hero-down-arrow {
        margin-top: 52px;
    }
    .hero-content-title {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-area {
        padding: 72px 0px 32px;
    }
    .hero-content {
        padding: 0;
    }
    .hero-down-arrow {
        margin-top: 52px;
    }
    .hero-content-title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-area {
        padding: 52px 0px 32px;
    }
    .hero-content-title {
        margin-bottom: 12px;
        font-size: 24px;
    }
    .hero-content {
        padding: 0px;
    }
    .hero-content-text {
        line-height: 26px;
        padding: 0;
    }
    .hero-content-button {
        margin-top: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        white-space: nowrap;
    }
    .hero-technology-list li {
        margin-right: 6px;
        width: 48px;
        height: 48px;
        line-height: 48px;
    }
    .hero-technology-list li img {
        width: 24px;
        height: 24px;
    }
    .hero-down-arrow {
        margin-top: 32px;
    }
    .hero-technology {
        margin-top: 32px;
    }
    .hero-content-button .theme-btn {
        padding: 6px 12px;
    }
}


/* End Hero Area */


/* About Area */

.about-area {
    overflow: hidden;
}

.about-content-list {
    margin-top: 24px;
}

.about-content-list li {
    margin-bottom: 8px;
    line-height: 28px;
    position: relative;
    padding-left: 14px;
}

.about-content-list li::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #30303c;
    left: 0;
    top: 12px;
}

.about-content-list li:last-child {
    margin: 0;
}

.about-content-list li span {
    font-weight: 600;
}

.about-img {
    float: right;
    position: relative;
}

.about-img.left-img {
    float: left;
}

.about-img::before {
    position: absolute;
    content: "";
    width: 250px;
    height: 245px;
    object-fit: contain;
    background-image: url(../images/about/shape-1.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    right: -64px;
    top: -63px;
}

.about-img::after {
    position: absolute;
    content: "";
    width: 315px;
    height: 214px;
    object-fit: contain;
    background-image: url(../images/about/shape-2.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: -95px;
    bottom: -115px;
}

.about-img img {
    width: 580px;
    height: 580px;
    object-fit: cover;
    filter: drop-shadow(0px 36px 72px rgba(11, 36, 71, 0.12));
    border-radius: 72px;
    z-index: 2;
    position: relative;
}


/* Responsive CSS */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-img {
        float: left;
        margin-top: 72px;
    }
    .about-content.right-content {
        margin-top: 124px;
    }
    .about-img.left-img {
        margin-top: 64px;
    }
    .about-content.right-content {
        margin-top: 148px;
    }
}

@media only screen and (max-width: 767px) {
    .about-content-list {
        margin-top: 16px;
    }
    .about-img img {
        width: 100%;
        height: 300px;
    }
    .about-img {
        float: initial;
        margin-top: 72px;
    }
    .about-img.left-img {
        float: initial;
    }
    .about-img::before {
        width: 160px;
        height: 160px;
        right: -28px;
        top: -57px;
    }
    .about-img::after {
        width: 200px;
        height: 170px;
        left: -20px;
        bottom: -85px;
    }
    .about-content-list li {
        font-size: 14px;
    }
    .about-content.right-content {
        margin-top: 118px;
    }
}


/* End About Area */


/*============================================================================================
	Features Area
==============================================================================================*/

.features-area {
    position: relative;
}

.features-card {
    background: #fff;
    border: 1px solid #ecf2fe;
    text-align: center;
    margin-top: 32px;
    border-radius: 24px;
    padding: 40px 20px;
    transition: all 0.4s ease;
    min-height: 270px;
}

.features-card:hover {
    border: 1px solid #f07230;
}

.features-card-icon {
    width: 104px;
    height: 104px;
    display: inline-block;
    line-height: 104px;
    background: #f8f9fe;
    border-radius: 32px;
    transition: all 0.4s ease;
}

.features-card:hover .features-card-icon {
    background: #f07230;
}

.features-card-icon img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.features-card:hover .features-card-icon img {
    filter: brightness(0) invert(1);
}

.features-card-title {
    margin: 0;
    margin-top: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.3px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.features-bottom-button {
    text-align: center;
    margin-top: 48px;
}

.features-bottom-button .theme-btn {
    background: #f8f9fe !important;
    color: #f07230;
}


/* Features Shape */

.shape-group {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.single-shape.shape-1 {
    position: absolute;
    left: 50px;
    top: 94px;
}

.single-shape.shape-2 {
    position: absolute;
    right: 20%;
    top: 0;
}

.single-shape.shape-3 {
    position: absolute;
    right: 72px;
    bottom: 50%;
}


/* Responsive CSS */

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .shape-group {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .shape-group {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .features-card-icon {
        width: 90px;
        height: 90px;
        line-height: 90px;
    }
    .features-card-icon img {
        width: 45px;
        height: 45px;
    }
    .features-card-title {
        line-height: 24px;
        font-size: 16px;
        margin-top: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shape-group {
        display: none;
    }
    .features-card-icon {
        width: 90px;
        height: 90px;
        line-height: 90px;
    }
    .features-card-icon img {
        width: 45px;
        height: 45px;
    }
    .features-card-title {
        line-height: 24px;
        font-size: 16px;
        margin-top: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .features-card-icon {
        width: 58px;
        height: 58px;
        line-height: 58px;
        border-radius: 16px;
    }
    .features-card-icon img {
        width: 32px;
        height: 32px;
    }
    .features-card-title {
        line-height: 19px;
        font-size: 14px;
        margin-top: 12px;
    }
    .features-card {
        padding: 32px;
    }
    .features-bottom-button {
        margin-top: 32px;
    }
    .features-card {
        padding: 24px 12px;
    }
    .shape-group {
        display: none;
    }
}


/* End Features Area */


/* Templates Area */

.templates-bottom-button {
    text-align: center;
    margin-top: 56px;
}

.templates-bottom-button a{
    background: #F07230;
}
/* End Templates Area */


/* Why Choose Area */

.why-choose-card {
    margin-top: 32px;
    background: #f7faff;
    border: 1px solid #ecf2fe;
    border-radius: 24px;
    padding: 28px 24px;
}

.why-choose-card.card-2 {
    margin-top: 62px;
}

.why-choose-card.card-4,
.why-choose-card.card-6,
.why-choose-card.card-7,
.why-choose-card.card-9 {
    margin-top: 0;
}

.why-choose-card-icon {
    width: 120px;
    height: 120px;
    text-align: center;
    background: #ecf2fe;
    border-radius: 32px;
    line-height: 120px;
    margin-bottom: 28px;
}

.why-choose-card-icon img {
    width: 72px;
    height: 72px;
    object-fit: contain;
}

.why-choose-card-cont-title {
    margin-bottom: 12px;
    font-weight: 600;
    line-height: 36px;
    font-size: 24px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.why-choose-card-cont-text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}


/* Responsive CSS */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .why-choose-card.card-2 {
        margin-top: 32px;
    }
    .why-choose-card.card-4,
    .why-choose-card.card-6,
    .why-choose-card.card-7,
    .why-choose-card.card-9 {
        margin-top: 32px;
    }
    .why-choose-card-icon {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    .why-choose-card-icon img {
        width: 50px;
        height: 50px;
    }
    .why-choose-card-cont-title {
        margin-bottom: 8px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .why-choose-card-icon img {
        width: 44px;
        height: 44px;
    }
    .why-choose-card-icon {
        width: 78px;
        height: 78px;
        border-radius: 24px;
        line-height: 78px;
        margin-bottom: 16px;
    }
    .why-choose-card-cont-title {
        margin-bottom: 4px;
        line-height: 30px;
        font-size: 18px;
    }
    .why-choose-card.card-2 {
        margin-top: 32px;
    }
    .why-choose-card.card-4,
    .why-choose-card.card-6,
    .why-choose-card.card-7,
    .why-choose-card.card-9 {
        margin-top: 32px;
    }
}


/* End Why Choose Area */


/* Mobile App Area */

.mobile-app-img {
    float: right;
}

.mobile-app-img img {
    width: 620px;
    height: 620px;
    object-fit: cover;
}

.mobile-app-content .section-head-title {
    -webkit-line-clamp: 3;
}

.mobile-app-download-buttons a {
    margin-right: 20px;
}

.mobile-app-download-buttons a:last-child {
    margin: 0;
}


/* Responsive CSS */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .order-class {
        order: -1;
    }
    .mobile-app-img {
        float: left;
    }
    .mobile-app-content {
        margin-top: 32px;
    }
    .mobile-app-img img {
        height: 480px;
        object-fit: contain;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-app-content {
        text-align: center;
        margin-top: 24px;
    }
    .mobile-app-download-buttons {
        display: flex;
        align-items: center;
        gap: 12px;
        justify-content: center;
    }
    .mobile-app-download-buttons img {
        height: 38px;
        width: 100%;
        object-fit: contain;
    }
    .mobile-app-download-buttons a {
        margin-right: 0;
    }
    .mobile-app-img img {
        width: 100%;
        height: 320px;
    }
    .mobile-app-img {
        float: initial;
        margin-top: 0px;
    }
    .order-class {
        order: -1;
    }
}


/* End Mobile App Area */


/* Section Features Area */

.section-features-area {
    overflow: hidden;
}

.section-features-images {
    display: flex;
    align-items: center;
    animation: scrolling 20s linear infinite;
    gap: 24px;
    margin-top: 32px;
}

@keyframes scrolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translatex(-144vw);
    }
}


/* Responsive CSS */

@media only screen and (max-width: 767px) {
    .section-features-images {
        margin-top: 24px;
    }
}


/* End Section Features Area */


/* Module Area */

.module-content {
    margin-top: 40px;
}

.module-content.left-content {
    padding-right: 24px;
}

.module-content.right-content {
    padding-left: 32px;
}

.module-content-title {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.4px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
    position: relative;
    padding-left: 80px;
}

.module-content-title::before {
    position: absolute;
    content: "";
    width: 64px;
    height: 4px;
    background: #f07230;
    bottom: 10px;
    left: 0;
}

.module-content-text {
    margin-top: 24px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.module-content-list {
    margin-top: 24px;
}

.module-content-list li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 14px;
    font-size: 16px;
    line-height: 140%;
}

.module-content-list li:last-child {
    margin: 0;
}

.module-content-list li::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: #30303c;
    border-radius: 100%;
    left: 0;
    top: 12px;
}

.module-img {
    position: relative;
    margin-top: 40px;
}

.module-img::before {
    position: absolute;
    content: "";
    width: 150px;
    height: 82px;
    background-image: url(../images/module/dot-shape.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    right: -77px;
    top: -39px;
}

.module-img::after {
    position: absolute;
    content: "";
    width: 94px;
    height: 94px;
    background-image: url(../images/module/circle-shape.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: -35px;
    bottom: -36px;
}

.module-img.img-left::before {
    left: -77px;
    top: -39px;
}

.module-img.img-left::after {
    left: initial;
    right: -35px;
    bottom: -36px;
}

.module-img img {
    width: 560px;
    height: 406px;
    object-fit: contain;
    border-radius: 24px;
    box-shadow: 0px 4px 72px 72px rgba(11, 36, 71, 0.04);
    z-index: 2;
    position: relative;
}

.module-img.img-right {
    float: right;
}

.module-img.img-left {
    float: left;
}


/* Responsive CSS */

@media only screen and (min-width: 1200px) {
    .module-area {
        overflow: hidden;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .module-area {
        overflow: hidden;
    }
    .about-content.right-content {
        padding-left: 54px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .module-img.img-right {
        float: left;
        margin-top: 80px;
    }
    .module-content.right-content {
        padding-left: 0;
    }
    .module-img img {
        width: 100%;
        height: 340px;
    }
}

@media only screen and (max-width: 767px) {
    .module-area {
        overflow: hidden;
    }
    .module-content-title::before {
        width: 40px;
        height: 3px;
        bottom: 0;
    }
    .module-content-title {
        font-size: 20px;
        margin-bottom: 14px;
        padding-left: 0;
    }
    .module-content-list li {
        font-size: 14px;
    }
    .module-img img {
        width: 100%;
        height: 100%;
    }
    .module-img.img-right {
        float: initial;
    }
    .module-img::before {
        width: 130px;
        height: 80px;
        right: -50px;
        top: -33px;
    }
    .module-img::after {
        left: -25px;
        bottom: -32px;
    }
    .module-content.right-content {
        padding-left: 0;
    }
    .module-img.img-left {
        float: initial;
    }
    .module-img.img-left::before {
        left: -48px;
        top: -32px;
    }
    .module-img.img-left::after {
        right: -24px;
        bottom: -34px;
    }
}


/* End Module Area */


/* Faq Area */

.faq-inner {
    margin-top: 24px;
}

.single-faq-widget {
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0px 16px 72px rgba(11, 36, 71, 0.12);
    margin-bottom: 24px;
}

.single-faq-widget:last-child {
    margin: 0;
}

.single-faq-widget .accordion-button {
    background: #fff;
    padding: 20px 52px 20px 20px;
    border-radius: 8px;
    border: 1px solid #ecf2fe !important;
    width: 100%;
    text-align: left;
    position: relative;
}

.single-faq-widget .accordion-button h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.single-faq-widget .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-bottom: 1px solid transparent !important;
    border-radius: 8px 8px 0px 0px !important;
}

.single-faq-widget .accordion-button:focus {
    box-shadow: none;
}

.faq-inner-body {
    padding: 4px 20px 20px 20px;
    border: 1px solid #ecf2fe !important;
    border-top: 0 !important;
    border-radius: 0px 0px 8px 8px;
}

.faq-inner-body-text {
    margin: 0;
    line-height: 28px;
    letter-spacing: -0.3px;
}

.single-faq-widget .accordion-button .single-faq-accordion-icon .collapsed {
    display: none;
}

.single-faq-widget .accordion-button:not(.collapsed) .single-faq-accordion-icon .show {
    display: none;
}

.single-faq-widget .accordion-button:not(.collapsed) .single-faq-accordion-icon .collapsed {
    display: block;
}

.single-faq-accordion-icon i {
    position: absolute;
    right: 20px;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: #ecf2fe;
    text-align: center;
    line-height: 28px;
    color: #f07230;
    font-size: 14px;
    transition: all 0.4s ease;
    top: 20px;
}

.single-faq-widget .accordion-button::after {
    display: none !important;
}


/* Responsive CSS */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-faq-widget .accordion-button h3 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .single-faq-widget .accordion-button h3 {
        font-size: 15px;
        line-height: 22px;
        -webkit-line-clamp: 2;
    }
}


/* End Faq Area */


/* Bredcrumbs Area */

.breadcrumbs-area {
    padding: 88px 0px 112px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.breadcrumbs-content {
    text-align: center;
}

.breadcrumbs-content-title {
    color: var(--secondary);
    font-size: 40px;
}

.breadcrumbs-menu-list {
    margin-top: 8px;
}

.breadcrumbs-menu-list li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    padding-right: 10px;
}

.breadcrumbs-menu-list li a {
    color: #fff;
    font-size: 15px;
    color: var(--gray);
}

.breadcrumbs-menu-list li a:hover {
    color: var(--primary);
}

.breadcrumbs-menu-list li:last-child {
    margin: 0;
    padding: 0;
}

.breadcrumbs-menu-list li::before {
    position: absolute;
    content: ">";
    font-size: 15px;
    color: #fff;
    right: -6px;
    top: 3px;
    color: var(--gray);
}

.breadcrumbs-menu-list li:last-child::before {
    display: none;
}


/* All Templates Page */

.templates-filter-main {
    display: flex;
    align-items: center;
    justify-content: center;
}

.templates-search-filter-inner {
    background: #fff;
    padding: 24px;
    box-shadow: 0px 8px 24px #0634621c;
    border-radius: 16px;
    margin-top: -42px;
}

.templates-filter-widget .nice-select {
    width: 100%;
    height: 50px;
    margin: 0;
    line-height: 25px;
    padding: 12px 28px 12px 16px;
    border: 1px solid #06346214;
    background: #fff;
    font-size: 15px;
}

.templates-filter-widget .nice-select::after {
    right: 18px;
}

.templates-filter-widget .nice-select .list {
    box-shadow: 0px 16px 48px #0634621c;
    width: 100%;
    border-radius: 6px;
}

.templates-filter-widget .nice-select .option:hover {
    background-color: #f17b3d;
}

.templates-filter-widget .form-group {
    margin: 0;
    position: relative;
}

.templates-filter-widget .form-group i {
    position: absolute;
    left: 16px;
    font-size: 16px;
    top: 17px;
    opacity: 0.5;
}

.templates-filter-widget input {
    width: 100%;
    height: 50px;
    font-size: 15px;
    border: none;
    background: #fff;
    padding: 12px 16px 12px 40px;
    border-radius: 4px;
    border: 1px solid #06346214;
}

.all-templates-area {
    padding: 40px 0px 72px;
}


/* Pagination */

.pagination-widget {
    text-align: center;
    margin-top: 48px;
    border-top: 1px solid #06346214;
    padding-top: 48px;
}

.pagination-list li {
    display: inline-block;
    margin-right: 8px;
}

.pagination-list li:last-child {
    margin: 0;
}

.pagination-list li a {
    width: 48px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    background: #fef4ee;
    color: #f07230;
    font-size: 15px;
    border-radius: 100%;
}

.pagination-list li a:hover,
.pagination-list li.active a {
    background: #f07230;
    color: #fff;
}

.pagination-list .next-arrow a {
    width: 84px;
    border-radius: 32px;
}

.pagination-list .next-arrow i {
    top: 0;
    position: initial;
    margin: 0;
    font-size: 13px;
    display: initial;
    margin-left: 2px;
}


/* Templates Details Page */

.template-details-area {
    padding: 80px 0px;
}

.template-details-overview-img img {
    width: 100% !important;
    height: 480px !important;
    object-fit: cover !important;
    border-radius: 8px;
}

.template-details-info {
    margin-top: 32px;
}

.template-details-info-tab {
    background: #fff;
    padding: 16px 20px;
    border-radius: 8px;
    box-shadow: 0px 8px 32px #0634621f;
}

.template-details-info .nav-item .nav-link {
    box-shadow: none;
    border: none;
    border-radius: 0px;
    background: #f072301c;
    font-size: 16px;
    padding: 16px 38px;
    border-radius: 4px;
}

.template-details-info .nav-tabs .nav-item {
    margin-bottom: 0;
}

.template-details-info .nav-tabs .nav-item:last-child {
    margin: 0;
}

.template-details-info .nav-item {
    margin-right: 18px;
}

.template-details-info .nav-item .nav-link.active {
    background: #f07230;
    color: #fff;
}

.template-details-tab-inner {
    padding: 24px;
}

.template-details-info .tab-content {
    margin-top: 12px;
}

.template-tab-description-content p {
    margin-bottom: 18px;
    font-size: 16px;
}

.template-tab-description-title {
    margin-bottom: 16px;
}

.template-tab-description-features ul {
    margin-bottom: 24px;
}

.template-tab-description-features ul li {
    margin-bottom: 14px;
    position: relative;
    padding-left: 12px;
    font-size: 16px;
}

.template-tab-description-features ul li::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #30303c;
    top: 6px;
    left: 0;
}

.template-tab-description-features ul li:last-child {
    margin: 0;
}

.template-tab-description-note {
    font-size: 16px;
    font-weight: 600;
}

.template-video-thumb-img {
    position: relative;
}

.template-video-thumb-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #063462;
    opacity: 0.6;
    top: 0;
    left: 0;
    border-radius: 6px;
}

.template-video-thumb-img img {
    width: 100%;
    height: 364px;
    object-fit: cover;
    border-radius: 6px;
}

.template-details-video {
    position: relative;
}

.video-thumb-icon {
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
}

.video-thumb-icon .waves-block .waves {
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
    background: #f07230;
    border: none;
    border-radius: 100%;
    bottom: 50%;
    height: 112px;
    margin-bottom: -56px;
    margin-right: -56px;
    opacity: 0;
    opacity: 0.4;
    position: absolute;
    right: 50%;
    width: 112px;
    z-index: 1;
}

.video-thumb-icon .waves-block .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.video-thumb-icon .waves-block .wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.video-thumb-icon .waves-block .wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.video-thumb-icon .video-popup {
    background: #f07230;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 48px;
    line-height: 52px;
    position: relative;
    text-align: center;
    width: 48px;
    z-index: 2;
}

@-webkit-keyframes waves {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }
    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        opacity: 0.9;
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes waves {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
    }
    50% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        opacity: 0.9;
    }
    to {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.single-template-details-faq {
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0px 16px 72px rgba(11, 36, 71, 0.12);
    margin-bottom: 24px;
}

.single-template-details-faq:last-child {
    margin: 0;
}

.single-template-details-faq .accordion-button {
    background: #fff;
    padding: 20px 52px 20px 20px;
    border-radius: 8px;
    border: 1px solid #ecf2fe !important;
    width: 100%;
    text-align: left;
    position: relative;
}

.single-template-details-faq .accordion-button h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.single-template-details-faq .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-bottom: 1px solid transparent !important;
    border-radius: 8px 8px 0px 0px !important;
}

.single-template-details-faq .accordion-button:focus {
    box-shadow: none;
}

.single-template-details-faq .accordion-button .single-faq-accordion-icon .collapsed {
    display: none;
}

.single-template-details-faq .accordion-button:not(.collapsed) .single-faq-accordion-icon .show {
    display: none;
}

.single-template-details-faq .accordion-button:not(.collapsed) .single-faq-accordion-icon .collapsed {
    display: block;
}

.single-template-details-faq i {
    position: absolute;
    right: 20px;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: #faeee6;
    text-align: center;
    line-height: 28px;
    color: #f07230;
    font-size: 14px;
    transition: all 0.4s ease;
    top: 20px;
}

.single-template-details-faq .accordion-button::after {
    display: none !important;
}

.template-details-information-single.backdrop-color {
    background: #f7f7f7;
}

.template-details-information-single td {
    padding: 20px 24px;
    line-height: 28px;
    font-size: 16px;
}

.template-information-title {
    font-size: 19px;
    font-weight: 500;
    width: 40%;
}

.template-information-info {
    font-size: 19px;
    font-weight: 400;
    line-height: 140%;
    width: 60%;
}

.template-sidebar-widget.banner-price {
    padding: 48px;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    margin: 0;
}

.template-price-info .price {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
}

.template-price-button .single-btn {
    display: block;
    padding: 16px 24px;
    background: transparent;
    border-radius: 24px;
    margin-bottom: 14px;
    border-radius: 4px;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

.template-price-button .single-btn.secondary,
.template-price-button .single-btn:hover {
    background: #f07230;
    border: 1px solid transparent;
}

.template-price-button .single-btn.secondary:hover {
    background: #063462;
}

.template-price-button .single-btn:last-child {
    margin: 0;
}

.template-price-button {
    margin-top: 32px;
}

.template-sidebar-widget {
    margin-top: 32px;
}

.template-sidebar-widget.specification {
    box-shadow: 0px 8px 32px #0634621f;
    background: #fff;
    padding: 32px;
    border-radius: 8px;
}

.template-sidebar-widget-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 24px;
    padding-bottom: 10px;
    position: relative;
    display: inline-block;
}

.template-sidebar-widget-title::before {
    position: absolute;
    content: "";
    width: 40%;
    height: 3px;
    background: #f07230;
    bottom: -1.5px;
    left: 0;
}

.sidebar-specifications-single td {
    font-size: 15px;
    line-height: 24px;
}

.sidebar-specifications-title {
    font-weight: 500;
    width: 45%;
}

.sidebar-specifications-details {
    font-weight: 400;
    line-height: 140%;
    width: 50%;
}

.sidebar-specifications-details a:hover {
    color: #f07230;
}

.template-sidebar-specifications tr {
    margin-bottom: 12px;
    display: flex;
    line-height: 28px;
    justify-content: space-between;
}

.template-sidebar-specifications tr:last-child {
    margin: 0;
}

.template-add-cart-button {
    margin-top: 32px;
}

.add-cart-btn {
    background: #063462;
    color: #fff;
    display: block;
    padding: 18px 32px;
    text-align: center;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
}

.add-cart-btn:hover {
    background: #f07230;
    color: #fff;
}

.add-cart-btn i {
    margin-right: 8px;
    font-size: 16px;
}


/* Search Results */

.search-results-area {
    padding-top: 56px;
}

.search-results-content {
    text-align: center;
}

.search-results-text {
    display: inline-block;
    background: #fef4ee;
    color: #f07230;
    padding: 6px 24px;
    border-radius: 20px;
    font-weight: 500;
    line-height: 140%;
    font-size: 16px;
    margin-top: 12px;
}


/* Cart Page Area */

.cart-page-area {
    padding: 80px 0px;
}

.cart-product-img {
    padding-left: 20px;
}

.cart-product-img img {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    object-fit: cover;
}

.cart-product-title {
    font-weight: 400;
    font-size: 16px;
}

.cart-product-title:hover {
    color: #f07230;
}

.cart-product-price {
    font-size: 15px;
}

.remove-cart-product {
    background: #fff;
    border: none;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    border-radius: 4px;
    color: #f07230;
    box-shadow: 0px 8px 24px #0634620d;
}

.remove-cart-product:hover {
    background: #f07230;
    color: #fff;
}

.quantity-input {
    width: 40px;
    text-align: center;
    border: none;
    background: #fff;
    height: 24px;
    padding: 4px;
    font-size: 15px;
    border-radius: 4px;
}

.quantity-btn {
    width: 24px;
    height: 24px;
    background: #fef4ee;
    color: #f07230;
    border: none;
    font-size: 12px;
    border-radius: 4px;
}

.quantity-btn:hover {
    background: #f07230;
    color: #fff;
}

.cart-product-quantity-input {
    display: inline-block;
    background: #fff;
    box-shadow: 0px 8px 24px #0634620d;
    border-radius: 6px;
    padding: 8px;
}

.cart-page-product-head {
    background: #fef4ee;
    border: 14px solid #fff;
}

.cart-page-product-head th {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    padding: 16px 0;
}

.cart-page-product-head th:first-child {
    padding-left: 20px !important;
    width: 10%;
}

.cart-page-product-head th:nth-child(2) {
    width: 22%;
}

.cart-page-product-head th:nth-child(3) {
    width: 10%;
}

.cart-page-product-head th:nth-child(4) {
    width: 14%;
}

.cart-page-product-head th:nth-child(5) {
    width: 12%;
}

.cart-page-product-head th:nth-child(6) {
    padding-right: 16px !important;
    width: 8%;
}

.cart-product-single td {
    padding: 14px 0px;
    vertical-align: middle;
}

.cart-product-single {
    border: 14px solid;
    border-bottom-width: 1px;
    border-color: #fff;
    border-radius: 0;
    background: #f5f7f9;
}

.cart-page-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 14px;
    margin-top: 24px;
}

.cart-page-coupon-from input {
    width: 232px;
    height: 44px;
    background: #f5f7f9;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 15px;
}

.cart-page-coupon-from input:focus {
    border: 1px solid #f07230;
}

.coupon-form-btn {
    background: #f07230;
    border: none;
    padding: 14px 24px;
    color: #fff;
    border-radius: 4px;
    font-size: 15px;
    display: inline-block;
    height: 44px;
    margin-left: 8px;
}

.coupon-form-btn:hover {
    background: #063462;
}

.cart-page-update-btn {
    border: 1px solid #f07230;
    padding: 14px 24px;
    background: transparent;
    color: #f07230;
    border-radius: 4px;
    font-size: 15px;
    display: inline-block;
    height: 44px;
}

.cart-page-update-btn:hover {
    background: #f07230;
    color: #fff;
}

.cart-page-sidebar {
    background: #f5f7f9;
    padding: 32px;
    border-radius: 6px;
    margin-top: 14px;
}

.cart-page-sidebar-title {
    font-size: 22px;
    font-weight: 600;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 32px;
    display: inline-block;
}

.cart-page-sidebar-title::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 3px;
    background: #f07230;
    bottom: -1.5px;
    left: 0;
}

.cart-page-sidebar-btn {
    padding: 14px 24px;
    background: #063462;
    color: #fff;
    border-radius: 4px;
    font-size: 15px;
    height: 44px;
    margin-top: 32px;
    display: block;
    text-align: center;
}

.cart-page-sidebar-btn:hover {
    background: #f07230;
    color: #fff;
}

.cart-page-sidebar ul li {
    margin-bottom: 12px;
    border-bottom: 2px solid #fff;
    padding-bottom: 12px;
    font-weight: 500;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-page-sidebar ul li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.cart-page-sidebar ul li span {
    float: right;
    font-weight: 400;
}

.cart-page-sidebar .form-check-input {
    margin-top: 2px;
}


/* Getup Buttons */

.getup-btn {
    background: #f07230;
    color: #fff;
    border: none;
    padding: 16px 24px;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    height: 48px;
    border-radius: 4px;
    text-align: center;
}

.getup-btn:hover {
    background: #063462;
    color: #fff;
}

.getup-btn.secondary-btn {
    background: #063462;
}

.getup-btn.secondary-btn:hover {
    background: #f07230;
}


/* GetUp Auth Pages */

.getup-auth-area {
    padding: 200px 0px 80px;
}

.getup-auth-card {
    background: #fff;
    box-shadow: 0 24px 72px rgba(34, 40, 49, 0.12);
    border-radius: 16px;
    padding: 32px 40px;
}

.getup-auth-card-head {
    text-align: center;
    margin-bottom: 32px;
}

.getup-auth-card-head-title {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.getup-auth-card-head-title::before {
    position: absolute;
    content: "";
    width: 40%;
    height: 2px;
    background: #f07230;
    bottom: -1px;
    left: 50%;
    transform: translate(-50%);
}

.getup-auth-card-head-title-text {
    font-size: 16px;
}

.getup-auth-card-form .form-group input {
    width: 100%;
    height: 48px;
    border-radius: 4px;
    border: 1px solid #dddd;
    padding: 12px;
    font-size: 16px;
}

.getup-auth-card-form .form-group input:focus {
    border: 1px solid #f07230;
}

.getup-auth-card-form .form-group label {
    margin-bottom: 12px;
    display: inline-block;
    font-size: 15px;
    margin-left: 12px;
}

.getup-auth-card-form .form-group {
    margin-bottom: 20px;
}

.getup-auth-card-form .form-group:last-child {
    margin: 0;
}

.getup-auth-forgotten {
    text-align: right;
}

.getup-auth-forgotten a {
    font-size: 14px;
    text-decoration: underline;
    margin-top: 8px;
    display: inline-block;
}

.getup-auth-forgotten a:hover {
    color: #f07230;
}

.getup-auth-form-btn {
    margin-top: 24px;
}

.form-group-password {
    position: relative;
}

.form-group-password input {
    padding: 12px 40px 12px 12px !important;
}

.password-icon {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 16px;
    cursor: pointer;
}

.getup-auth-card-bottom {
    text-align: center;
}

.getup-auth-third-party-login {
    border-bottom: 1px dashed #ddd;
    margin: 16px 0;
    padding-bottom: 16px;
}

.getup-auth-third-party-card {
    gap: 16px;
    margin-top: 16px;
}

.getup-auth-third-party-single {
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    padding: 12px 24px;
    display: inline-block;
    color: #444;
}

.getup-auth-third-party-single img {
    height: 20px;
    margin-right: 6px;
    width: 20px;
}

.getup-auth-third-party-single.google {
    background: #f6f6f7;
}

.getup-auth-register-account span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.getup-auth-register-account-btn {
    margin-top: 16px;
}

.getup-auth-card-bottom-text {
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 160%;
    margin-top: 20px;
}

.getup-auth-card-bottom-text a {
    font-weight: 500;
    text-decoration: underline !important;
}

.getup-auth-card-bottom-text a:hover {
    color: #f07230;
}

.getup-auth-third-party-login span {
    font-size: 16px;
    display: inline-block;
}

.getup-auth-register-account-btn .getup-btn {
    width: 50%;
    height: 42px;
    line-height: 9px;
    font-size: 15px;
}

.getup-auth-card-form .otp-input {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

.getup-auth-card-form .otp-input input {
    background: #fdfdfd;
    font-size: 20px;
    font-weight: 500;
    height: 48px;
    line-height: 120%;
    text-align: center;
    width: 52px;
}

.OTP-send-again {
    margin-top: 24px !important;
    font-size: 16px;
}

.OTP-send-again a {
    color: #f07230 !important;
    font-weight: 500;
}

.OTP-re-send {
    background: #f5f9fe;
    border-radius: 4px;
    display: inline-block;
    margin-top: 8px !important;
    padding: 4px 8px;
}

.OTP-re-send span {
    font-weight: 600;
}


/* Successful Verification */

.getup-auth-card.verification-successful {
    text-align: center;
    padding: 80px 40px;
}

.successful-icon img {
    width: 96px;
    height: 96px;
    object-fit: contain;
}

.successful-title {
    margin: 0;
    margin-top: 8px;
    font-weight: 600;
    font-size: 24px;
    display: inline-block;
}

.successful-text {
    margin: 0;
    line-height: 140%;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.successful-btn {
    margin-top: 16px;
}

.successful-btn .getup-btn {
    height: 35px;
    line-height: 14px;
}

.successful-btn .getup-btn:hover {
    background: #30303c;
    border: 1px solid transparent;
    color: #fff;
}

.successful-text .loading {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 5px;
    margin-left: 2px;
}

.successful-text .dot1,
.successful-text .dot2,
.successful-text .dot3 {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #30303c;
    animation: bounce 0.6s infinite alternate;
    margin: 1px;
}

.successful-text .dot2 {
    animation-delay: 0.2s;
}

.successful-text .dot3 {
    animation-delay: 0.4s;
}

@keyframes bounce {
    to {
        transform: translate3d(0, -0.2em, 0);
    }
}


/* Responsive */

@media only screen and (min-width: 1201px) and (max-width: 1600px) {
    .getup-auth-card {
        margin: 0px;
    }
    .getup-auth-third-party-single {
        font-size: 14px;
    }
    .getup-auth-third-party-single img {
        width: 18px;
        height: 18px;
    }
    .getup-auth-card-form .otp-input input {
        width: 50px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .getup-auth-area {
        padding: 80px 0px;
    }
    .getup-auth-card-form .otp-input input {
        width: 62px;
        height: 54px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .getup-auth-area {
        padding: 80px 0px;
    }
    .getup-auth-card-form .otp-input input {
        width: 62px;
        height: 54px;
    }
}

@media only screen and (max-width: 767px) {
    .getup-auth-area {
        padding: 32px 0px;
    }
    .getup-auth-card {
        margin: 0;
    }
    .getup-auth-third-party-card.display-flex-center.display-flex-center-content {
        display: block;
        text-align: center;
    }
    .getup-auth-card {
        padding: 32px 24px;
    }
    .getup-auth-third-party-single {
        font-size: 14px;
        justify-content: center;
    }
    .getup-auth-third-party-single.google {
        margin-bottom: 12px;
    }
    .getup-auth-form-btn .getup-btn {
        height: 44px;
    }
    .getup-auth-card-form .form-group input {
        height: 44px;
    }
    .getup-auth-third-party-single img {
        width: 18px;
        height: 18px;
    }
    .getup-auth-register-account-btn .getup-btn {
        line-height: 25px !important;
        font-size: 14px;
    }
    .getup-auth-third-party-login span {
        font-size: 15px;
    }
    .getup-auth-forgotten a,
    .getup-auth-card-form .form-group label {
        font-size: 14px;
    }
    .getup-auth-card-head-title {
        margin-bottom: 8px;
        font-size: 24px;
    }
    .getup-auth-register-account span {
        font-size: 15px;
    }
    .getup-auth-card-bottom-text {
        font-size: 15px;
    }
    .getup-auth-card.verification-successful {
        text-align: center;
        padding: 40px;
    }
    .successful-icon img {
        width: 74px;
        height: 74px;
    }
    .successful-title {
        font-size: 20px;
    }
    .successful-btn .getup-btn {
        height: 35px;
        line-height: 25px !important;
    }
    .getup-auth-card-form .otp-input {
        gap: 5px;
    }
    .getup-auth-card-form .otp-input input {
        width: 44px;
        height: 44px;
        font-size: 16px;
    }
}


/* Checkout Page Area */

.checkout-page-area {
    padding: 40px 0px 80px;
}

.checkout-billing-details {
    margin-top: 40px;
}

.checkout-order {
    margin-top: 40px;
}

.checkout-widget-title {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-bottom: 8px;
    margin-bottom: 8px;
    line-height: 36px;
}

.checkout-widget-title::before {
    position: absolute;
    content: "";
    width: 40%;
    height: 3px;
    background: #f07331;
    bottom: -1.5px;
    left: 0;
}

.checkout-billing-form .form-group {
    margin: 0;
    margin-top: 24px;
}

.checkout-billing-form .form-group label {
    margin-bottom: 12px;
    margin-left: 8px;
    font-size: 16px;
    display: block;
}

.checkout-billing-form .form-group input {
    width: 100%;
    height: 48px;
    font-size: 16px;
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #f5f7f9;
}

.checkout-billing-form .form-group input:focus {
    border: 1px solid #f07331;
}

.country-select.inside {
    width: 100%;
}

.checkout-order-main {
    margin-top: 24px;
}

.checkout-order-main table thead tr {
    background: #063462;
    color: #fff;
}

.checkout-order-main table thead tr th {
    padding: 14px 12px;
    font-size: 16px;
    font-weight: 500;
}

.checkout-order-main table thead tr th:first-child {
    width: 70%;
}

.checkout-order-main table thead tr th:nth-child(2) {
    width: 30%;
}

.checkout-order-main table .product-card {
    background: #fdf2eb;
    border-top: 6px solid #fff;
    font-weight: 500;
}

.checkout-order-main table tbody tr {
    border-bottom: 1px solid #f8efea;
}

.checkout-order-main table tbody tr td {
    padding: 18px 16px;
    vertical-align: middle;
    font-size: 15px;
}

.checkout-order-bottom {
    margin-top: 32px;
}

.payment-method-single {
    width: 100%;
    padding: 16px 16px 16px 42px;
    background: #f5f7f9;
    margin-bottom: 12px;
    position: relative;
    cursor: pointer;
}

.payment-method-single input {
    position: absolute;
    top: 20px;
    left: 16px;
    margin: 0;
    display: block;
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.payment-method-single label {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment-method-single .fomr-check-img {
    width: 50%;
}

.payment-method-single label img {
    height: 24px;
    object-fit: contain;
    float: right;
    max-width: 150px;
}

.payment-method-single:last-child {
    margin: 0;
}

.checkout-checkbox-details {
    margin-top: 24px;
    position: relative;
}

.checkout-form-button.getup-btn {
    margin-top: 24px;
}

.checkout-checkbox-details label {
    font-size: 16px;
    line-height: 24px;
    padding-left: 22px;
}

.checkout-checkbox-details label a {
    font-weight: 500;
}

.checkout-checkbox-details .form-check-input {
    left: 0;
    top: 5px;
    margin: 0;
}


/* End Checkout Page Area */


/* Service Details Page */

.service-features-section {
    background: #f5f7f9;
    padding: 80px 0px;
}

.service-features-section-title {
    text-align: center;
    margin-bottom: 24px;
}

.single-service-features {
    margin-top: 32px;
    box-shadow: 0px 8px 32px #16416c0a;
    background: #fff;
    padding: 32px 40px;
    border-radius: 12px;
}

.single-service-features h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
}

.single-service-features-icon {
    width: 98px;
    height: 98px;
    border-radius: 12px;
    text-align: center;
    line-height: 98px;
    margin-bottom: 24px;
}

.single-service-features-icon img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}


/* Schedule Meeting CSS */

.schedule-meeting-area {
    padding: 80px 0px;
}

.schedule-meeting-inner {
    padding: 0;
    border-radius: 32px;
    position: relative;
    background: #103c68;
}

.schedule-meeting-form {
    padding: 40px 48px;
}

.schedule-meeting-img img {
    width: 100%;
    height: 640px;
    object-fit: cover;
    border-radius: 32px 0px 0px 32px;
}

.schedule-meeting-title {
    font-size: 32px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-bottom: 8px;
    margin-bottom: 32px;
    text-transform: capitalize;
    color: #fff;
}

.schedule-meeting-title::before {
    position: absolute;
    content: "";
    width: 30%;
    height: 4px;
    background: #f07230;
    bottom: -2px;
    left: 0;
}

.schedule-meeting-form .form-group {
    margin-bottom: 24px;
}

.schedule-meeting-form .form-group label {
    font-size: 15px;
    margin-bottom: 12px;
    margin-left: 12px;
    color: #f8f8f8;
}

.schedule-meeting-form .form-group input {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    padding: 12px;
    border: 1px solid #ddd;
    font-size: 16px;
}

.schedule-meeting-form .form-group input:focus,
.schedule-meeting-form #picker:focus {
    border: 1px solid #f07230;
}

.schedule-meeting-form-btn .ree-btn {
    padding: 2px 52px;
    height: 50px;
}

.schedule-meeting-form-btn .ree-btn:hover {
    background: #fff !important;
    color: #f07230 !important;
}

.schedule-meeting-form-btn .ree-btn i {
    margin-left: 6px;
}

.schedule-meeting-form #picker {
    height: 50px;
    line-height: 26px;
    font-size: 16px;
    padding: 12px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .schedule-meeting-form {
        padding: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .schedule-meeting-form {
        padding: 0;
        margin-top: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .schedule-meeting-form {
        padding: 0;
        margin-top: 32px;
    }
    .schedule-meeting-inner {
        padding: 24px 16px;
        border-radius: 12px;
    }
    .schedule-meeting-title {
        font-size: 20px;
        margin-bottom: 24px;
    }
    .schedule-meeting-title::before {
        height: 3px;
    }
    .schedule-meeting-img img {
        height: 240px;
    }
    .schedule-meeting-form .form-group input {
        height: 44px;
    }
    .schedule-meeting-form-btn .ree-btn {
        height: 44px;
        font-size: 15px;
        line-height: 30px !important;
    }
}


/* Process Area CSS */

.service-working-process {
    padding: 80px 0px;
}

.service-working-process .common-heading.ptag {
    margin-bottom: 72px;
}

.working-process-tab-menu-widget {
    background: #fff !important;
    padding: 24px;
    border-radius: 8px !important;
    border: 1px solid #ddd !important;
    margin-bottom: 32px;
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 20px;
}

.working-process-tab-menu-widget::before {
    background-image: url("../images/stroke-shape-1.svg");
    top: -4px;
    left: -4px;
}

.working-process-tab-menu-widget::after {
    background-image: url("../images/stroke-shape-2.svg");
    bottom: -4px;
    right: -4px;
}

.working-process-tab-menu-widget::before,
.working-process-tab-menu-widget::after {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.4s ease;
    opacity: 0;
    visibility: hidden;
}

.working-process-tab-menu-widget.active::before,
.working-process-tab-menu-widget.active::after {
    opacity: 1;
    visibility: visible;
}

.working-process-tab-menu-widget.active::before {
    top: 0;
    left: 0;
}

.working-process-tab-menu-widget.active::after {
    bottom: 0;
    right: 0;
}

.working-process-tab-menu-widget.active {
    box-shadow: 0px 16px 32px rgba(57, 62, 70, 0.08);
    border: 1px solid transparent !important;
}

.process-tab-menu-widget-title {
    font-size: 24px;
    margin-bottom: 12px;
    line-height: 30px;
}

.process-tab-menu-number {
    width: 48px;
    height: 48px;
    background: #fef4ee;
    border-radius: 100%;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    color: #f07230;
    font-weight: 500;
    position: absolute;
    left: 24px;
    top: 24px;
}

.process-tab-menu-widget-content {
    padding-left: 68px;
}

.process-tab-menu-widget-text {
    font-size: 16px;
    line-height: 26px;
    color: #52525dd6;
}

.working-process-tab-img {
    padding-right: 48px;
}

.working-process-tab-img img {
    width: 100%;
    height: 610px;
    object-fit: cover;
    border-radius: 8px;
}

.working-process-tab-content {
    margin: 0;
    position: sticky;
    top: 14%;
}

.working-process-tab-img.responsive-image {
    display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .working-process-tab-img {
        padding-right: 0;
    }
    .working-process-tab-img img {
        height: 440px;
    }
    .process-tab-menu-widget-title {
        font-size: 18px;
        margin-bottom: 12px;
        line-height: 26px;
    }
    .process-tab-menu-widget-text {
        font-size: 14px;
    }
    .process-tab-menu-widget-content {
        padding-left: 0;
    }
    .process-tab-menu-number {
        position: initial;
        left: 24px;
        top: 24px;
        margin-bottom: 12px;
    }
    .working-process-tab-menu-widget {
        padding: 18px;
    }
    .working-process-tab-content {
        top: 18%;
    }
}

@media only screen and (max-width: 767px) {
    .working-process-tab-img {
        padding-right: 0;
    }
    .working-process-tab-img img {
        width: 100%;
        height: 240px;
    }
    .working-process-tab-content {
        display: none;
    }
    .working-process-tab-img.responsive-image {
        display: block;
    }
    .working-process-tab-menu-nav.nav-tabs .nav-item {
        margin-bottom: 0;
        margin-bottom: 32px;
    }
    .working-process-tab-menu-nav.nav-tabs .nav-item:last-child {
        margin: 0;
    }
    .process-tab-menu-widget-title {
        font-size: 18px;
        margin-bottom: 12px;
        line-height: 26px;
    }
    .process-tab-menu-widget-text {
        font-size: 14px;
    }
    .process-tab-menu-widget-content {
        padding-left: 0;
    }
    .process-tab-menu-number {
        position: initial;
        left: 24px;
        top: 24px;
        margin-bottom: 12px;
    }
    .working-process-tab-menu-widget {
        padding: 18px;
    }
}


/* Getup Hero Area */

.getup-hero-area {
    margin-top: 115px;
    padding: 120px 0px;
    background: #f5f7f9;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-bottom: 1px solid #264e7626;
}

.getup-hero-area::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient( 177deg, rgba(245, 247, 249, 1) 38%, rgba(255, 255, 255, 1) 100%);
    z-index: -1;
}

.getup-hero-content {
    text-align: center;
}

.getup-hero-content span {
    color: #f07230;
    font-weight: 500;
    margin-bottom: 22px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 24px;
}

.getup-hero-content h1 {
    font-size: 52px;
    line-height: 130%;
    margin-bottom: 24px;
    color: #073563;
}

.getup-hero-category-list li a {
    font-size: 15px;
    opacity: 0.7;
}

.getup-hero-category-list li {
    display: inline-block;
    margin-right: 12px;
    padding-right: 12px;
    position: relative;
}

.getup-hero-category-list li::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 12px;
    background: #00000026;
    right: 0;
    top: 6px;
}

.getup-hero-category-list li:last-child::before {
    display: none;
}

.getup-hero-category-list li:last-child {
    margin: 0;
    padding: 0;
}

.getup-hero-category-list li:hover a {
    color: #f3905c;
    text-decoration: underline;
}

.getup-hero-button {
    margin-top: 54px;
}

.getup-hero-button .theme-btn:hover {
    background: #0a3764;
    color: #fff;
}

.getup-hero-button .theme-btn {
    padding: 12px 32px;
    border: 1px solid transparent;
}

.getup-hero-button .theme-btn.secondary {
    background: transparent;
    border: 1px solid #f3905c;
    color: #f3905c;
}

.getup-hero-button .theme-btn.secondary:hover {
    background: #f07230;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .getup-hero-content span {
        font-size: 16px;
    }
    .getup-hero-content h1 {
        font-size: 24px;
    }
    .getup-hero-area {
        margin-top: 84px;
        padding: 80px 0px;
    }
    .getup-hero-area::before {
        display: none;
    }
    .getup-hero-button {
        margin-top: 32px;
    }
}


/* Section Head */

.section-head {
    text-align: center;
}

.section-head h3 {
    font-size: 36px;
    color: var(--secondary);
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
    margin-bottom: 16px;
    text-transform: capitalize;
}

.section-head h3::before {
    position: absolute;
    content: "";
    width: 120px;
    height: 3px;
    background: var(--primary);
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}


/* Topbar area */

.topbar-area {
    background: var(--secondary);
    padding: 12px 0px;
}

.topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 14px;
}

.topbar-right ul li,
.topbar-left ul li {
    display: inline-block;
    margin-right: 16px;
    position: relative;
    padding-right: 16px;
}

.topbar-right ul li::before,
.topbar-left ul li::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 18px;
    background: var(--white);
    opacity: 0.4;
    right: 0;
    top: -1px;
}

.topbar-right ul li:last-child::before,
.topbar-left ul li:last-child::before {
    display: none;
}

.topbar-right ul li:last-child,
.topbar-left ul li:last-child {
    margin: 0;
    padding: 0;
}

.topbar-right ul li a,
.topbar-left ul li a {
    color: var(--white);
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.topbar-right ul li a:hover,
.topbar-left ul li a:hover {
    color: var(--primary);
}


/* Header Area */

.header-area {
    padding: 16px 0px;
    background: #0634620a;
}

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

.header-logo img {
    width: 124px;
    height: 48px;
    object-fit: contain;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 56px;
}

.header-menu ul li {
    display: inline-block;
    margin-right: 18px;
}

.header-menu ul li:last-child {
    margin: 0;
}

.header-menu ul li a {
    text-transform: capitalize;
    font-size: 16px;
    position: relative;
    padding: 8px;
    font-weight: 400;
    color: #063462cc;
}

.header-menu ul li a:hover {
    color: var(--secondary);
    font-weight: 500;
}

.header-menu ul li a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: var(--primary);
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}

.header-menu ul li.active a::before {
    opacity: 1;
    visibility: visible;
}

.header-menu ul li.active a {
    font-weight: 500;
    color: var(--secondary);
}

.header-menu ul li a i {
    margin-left: 4px;
}

.header-btn .theme-btn:hover {
    background: var(--secondary);
    color: var(--white);
}

.header-area.sticky {
    position: fixed;
    width: 100%;
    top: 0px;
    transition: all 0.2s ease;
    z-index: 666;
    animation: fadeInDown 1s both 0.2s;
    background: var(--white);
    box-shadow: 0px 8px 24px #0634621a;
}


/* Dropdown Menu */

.header-menu li .sub-menu {
    position: absolute;
    top: 56px;
    width: 220px;
    background: #fff;
    z-index: 5222;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: translateY(-20px);
    box-shadow: 0px 10px 30px #04091e17;
    border-radius: 4px;
    margin: 0;
    padding: 12px 0px;
}

.header-menu li .sub-menu::before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 12px;
    margin-left: -6px;
    opacity: 1;
    position: absolute;
    left: 24px;
    top: -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.2s ease;
    visibility: visible;
    width: 12px;
}

.header-menu li .sub-menu li.active a {
    color: var(--primary) !important;
    padding: 10px 25px;
}

.header-area .header-menu li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.header-menu li .sub-menu li {
    display: block;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.header-menu li .sub-menu li:last-child {
    border: none;
}

.header-menu li .sub-menu li a {
    color: var(--secondary);
    display: block;
    padding: 10px 25px;
    font-size: 15px;
    border-radius: 0;
}

.header-menu li .sub-menu li a:hover {
    color: var(--primary);
    padding: 10px 25px;
    margin-left: 5px;
}

.header-menu li:hover .sub-menu a::before {
    opacity: 0;
    visibility: hidden;
}

.header-menu li .sub-menu li a::before {
    display: none;
}


/* Hero Area */

.hero-area {
    padding: 56px 0px;
}

.hero-content {
    position: relative;
}

.hero-content::before {
    position: absolute;
    content: "";
    background-image: url("../images/home/hero/arrow.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
    height: 100px;
    -webkit-animation-name: shape;
    animation-name: shape;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    left: -100px;
    top: 0;
    z-index: -1;
}

.hero-content span {
    color: var(--primary);
    margin-bottom: 16px;
    display: block;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.hero-content h1 {
    font-size: 48px;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 12px;
}

.hero-content p {
    font-size: 18px;
}

.hero-btn {
    margin-top: 40px;
}

.hero-btn .theme-btn {
    padding: 16px 48px;
    border: 1px solid transparent;
    margin-right: 12px;
    font-size: 18px;
    border-radius: 6px;
}

.hero-btn .theme-btn:hover {
    background: var(--secondary);
    color: var(--white);
}

.hero-btn .theme-btn.btn-border {
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
}

.hero-btn .theme-btn.btn-border:hover {
    background: var(--primary);
    color: var(--white);
}

.hero-img img {
    width: 100%;
    height: 464px;
    object-fit: contain;
}

.single-hero-card {
    box-shadow: 0 32px 16px 0 #0634620a;
    padding: 6px 20px;
    padding-left: 19px;
    padding-left: 19px;
    border-radius: 30px;
    background: var(--white);
    display: inline-flex;
    gap: 12px;
    align-items: center;
}

.hero-card-icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.hero-card-info h5 {
    color: var(--secondary);
    font-size: 18px;
    line-height: 120%;
}

.hero-card-info p {
    line-height: 130%;
    font-size: 14px;
}

.hero-images {
    position: relative;
}

.hero-card-group {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.single-hero-card.card-1 {
    top: 0;
    position: absolute;
    left: -64px;
    -webkit-animation-name: des2;
    animation-name: des2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.single-hero-card.card-2 {
    position: absolute;
    bottom: 0;
    left: -64px;
    -webkit-animation: bouncebubble infinite 5s;
    animation: bouncebubble infinite 5s;
}

.single-hero-card.card-3 {
    position: absolute;
    right: -64px;
    top: 0;
    -webkit-animation-name: float-bob;
    animation-name: float-bob;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

.single-hero-card.card-4 {
    position: absolute;
    bottom: 0;
    right: -64px;
    -webkit-animation-name: des2;
    animation-name: des2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

@-webkit-keyframes shape {
    from {
        -webkit-transform: rotateY(-20deg);
        transform: rotateY(-20deg);
    }
    to {
        -webkit-transform: rotateY(15deg) rotateX(10deg);
        transform: rotateY(15deg) rotateX(10deg);
    }
}

@keyframes shape {
    from {
        -webkit-transform: rotateY(-20deg);
        transform: rotateY(-20deg);
    }
    to {
        -webkit-transform: rotateY(15deg) rotateX(10deg);
        transform: rotateY(15deg) rotateX(10deg);
    }
}

@-webkit-keyframes bouncebubble {
    1% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    75% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bouncebubble {
    1% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    75% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes des2 {
    from {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
}

@keyframes des2 {
    from {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
}

@-webkit-keyframes float-bob {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.heartbeat {
    -webkit-animation: heartbeat 1s infinite alternate;
    animation: heartbeat 1s infinite alternate;
}

@-webkit-keyframes heartbeat {
    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.heartbeat2 {
    -webkit-animation: heartbeat 2s infinite alternate;
    animation: heartbeat 2s infinite alternate;
}

@-webkit-keyframes heartbeat {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.heartbeat3 {
    -webkit-animation: heartbeat 2s infinite alternate;
    animation: heartbeat 2s infinite alternate;
}

@-webkit-keyframes heartbeat {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}


/* Support Area */

.support-area {
    padding: 56px 0px;
}

.support-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.single-support {
    display: flex;
    gap: 16px;
    background: #fff;
    padding: 24px;
    border: 1px solid #eee;
    border-radius: 8px;
    align-items: center;
    transition: all 0.4s ease;
}

.single-support:hover {
    background: var(--white);
    box-shadow: 0px 8px 24px #06346214;
}

.single-support-icon img {
    width: 56px;
    height: 56px;
    max-width: 56px;
    object-fit: contain;
}

.single-support-info {
    border-left: 1px solid #ddd;
    padding-left: 16px;
}

.single-support-info h4 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 8px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.single-support-info p {
    line-height: 120%;
    font-size: 15px;
    font-weight: 400;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* Service Area */

.service-area {
    padding: 56px 0px 80px;
}

.service-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.service-card {
    padding: 52px 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 12px;
    margin: 4px 0;
    display: block;
    background: var(--white);
    cursor: pointer;
    text-align: center;
    position: relative;
    margin-top: 50px;
}

.service-card.card-1 {
    background: #fdf3ff;
}

.service-card.card-2 {
    background: #edfffb;
}

.service-card.card-3 {
    background: #fff3f3;
}

.service-card.card-4 {
    background: #ffffe7;
}

.service-card.card-5 {
    background: #fff7ef;
}

.service-card.card-6 {
    background: #f2f2ff;
}

.service-card-icon img {
    width: 40px;
    height: 40px;
    text-align: center;
    object-fit: contain;
}

.service-card-icon {
    text-align: center;
    text-align: center;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    line-height: 80px;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-50%);
}

.service-card.card-1 .service-card-icon {
    background: linear-gradient( to bottom, rgb(254, 190, 255) 0%, rgba(138, 90, 241, 0.86) 100%);
}

.service-card.card-2 .service-card-icon {
    background: linear-gradient( to bottom, rgb(98, 238, 112) 0%, rgba(97, 223, 251, 0.86) 100%);
}

.service-card.card-3 .service-card-icon {
    background: linear-gradient( to bottom, rgb(249, 107, 107) 0%, rgba(210, 27, 181, 0.86) 100%);
}

.service-card.card-4 .service-card-icon {
    background: linear-gradient( to bottom, rgb(30, 87, 153) 0%, rgb(235, 229, 79) 0%, rgb(232, 157, 44) 100%, rgb(32, 124, 202) 100%);
}

.service-card.card-5 .service-card-icon {
    background: linear-gradient( to bottom, rgb(30, 87, 153) 0%, rgb(255, 127, 0) 0%, rgb(250, 59, 59) 99%, rgb(232, 157, 44) 100%, rgb(250, 59, 59) 100%);
}

.service-card.card-6 .service-card-icon {
    background: linear-gradient( to bottom, rgb(30, 87, 153) 0%, rgb(172, 170, 255) 0%, rgb(100, 97, 251) 100%, rgb(250, 59, 59) 100%, rgb(32, 124, 202) 100%);
}

.service-card-info h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 16px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.service-card-info p {
    line-height: 140%;
    font-size: 15px;
    color: #52525d;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.service-card-info .service-card-btn {
    margin-top: 24px;
    display: block;
    font-size: 16px;
    color: var(--secondary);
    text-transform: capitalize;
    font-weight: 500;
    transition: all 0.4s ease;
}

.service-card-info .service-card-btn:hover {
    letter-spacing: 0.5px;
}

.service-card-info .service-card-btn i {
    position: relative;
    margin-left: 8px;
    font-size: 14px;
    top: 0px;
}

.service-card-info {
    margin-top: 24px;
}

.home-cta-main-title {
    margin-bottom: 32px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    padding-bottom: 16px;
}

.home-cta-main-title::before {
    position: absolute;
    content: "";
    width: 30%;
    height: 4px;
    background: var(--primary);
    bottom: -2px;
    left: 0;
}

.home-cta-main-text {
    margin: 0;
}

.home-cta-main-btn .theme-btn {
    border-radius: 4px;
    padding: 16px 25px;
}

.home-cta-main-btn {
    margin-top: 24px;
}

.home-cta-area {
    position: relative;
    padding: 56px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
}

.home-cta-img {
    text-align: center;
    margin: auto;
}

.home-cta-img img {
    width: 464px;
    height: 464px;
    object-fit: cover;
    border-radius: 24px;
    border: 6px solid #ffffff24;
}

.home-cta-main {
    margin-right: 100px;
}

.home-cta-img.template-cta-img img {
    width: 100%;
    height: 420px;
    border-radius: 24px;
    border: none;
    object-fit: contain;
}

.home-cta-main.template-cta-main .theme-btn {
    background: var(--primary);
    color: var(--white) !important;
}

.home-cta-main.template-cta-main .theme-btn:hover {
    background: var(--secondary) !important;
    color: var(--white) !important;
}

.home-cta-images {}

.single-home-cta-image.image-one {
    z-index: 2;
    top: 25%;
    left: -52px;
    width: 184px;
    height: 320px;
    position: absolute;
}

.single-home-cta-image.image-one img {
    box-shadow: 40px 40px 120px 0px rgba(11, 36, 71, 0.24);
    width: 180px;
    height: 320px;
    object-fit: contain;
    animation: mover 1.2s infinite alternate;
}

.single-home-cta-image.image-two img {
    width: 100%;
    height: 500px;
    object-fit: contain;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}


/* Product Area */

.product-area {
    padding: 80px 0px;
    background: #f5f7f9;
}

.product-area .section-head {
    margin-bottom: 24px;
}

.product-card-item {
    background: var(--white);
    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
    border-radius: 8px;
    margin-top: 32px;
    min-height: 92%;
}

.product-item-img {
    display: block;
    overflow: hidden;
    border-radius: 8px 8px 0px 0px;
    position: relative;
}

.product-item-img img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: top;
    border-radius: 8px 8px 0px 0px;
}

.product-item-content {
    padding: 20px;
}

.product-item-content h4 a {
    font-size: 22px;
    font-weight: 600;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 120%;
    color: var(--secondary);
}

.product-item-content h4 a:hover {
    color: var(--primary);
}

.product-item-content span {
    margin-top: 8px;
    display: block;
    font-size: 16px;
    font-style: normal;
}

.product-item-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    gap: 16px;
}

.product-item-info a {
    width: 50%;
    padding: 14px 24px;
}

.product-item-ratting li {
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    color: var(--secondary);
}

.product-item-ratting li i {
    color: #ff9b26;
}

.product-item-ratting li {
    margin-right: 0;
}

.product-preview-btn {
    font-size: 14px;
    border: 1px solid var(--secondary);
    padding: 8px 24px;
    line-height: 120%;
    color: var(--secondary);
    font-weight: 500;
    border-radius: 4px;
    text-align: center;
}

.product-preview-btn:hover {
    background: var(--secondary);
    border: 1px solid transparent;
    color: var(--white);
}

.product-quote-btn {
    font-size: 14px;
    background: var(--secondary);
    border: 1px solid transparent;
    color: var(--white);
    padding: 14px 24px;
    line-height: 120%;
    font-weight: 500;
    border-radius: 4px;
    width: 50%;
}

.product-quote-btn:hover {
    border: 1px solid var(--secondary);
    color: var(--secondary);
    background: transparent;
}

.product-section-button {
    margin-top: 40px;
    text-align: center;
}


/* Product Details */

.product-details {
    background-color: #f8f8f8;
    padding: 56px 0px;
}

.product-details hr {
    border-color: #eee;
    margin: 50px 0 40px;
}

@media screen and (max-width: 1199px) {
    .product-details hr {
        margin: 40px 0 30px;
    }
}

@media screen and (max-width: 991px) {
    .product-details hr {
        margin: 30px 0 20px;
    }
}

.product-details__item {
    border-radius: 10px;
    overflow: hidden;
}

.product-details__title {
    margin-bottom: 18px;
    font-size: 25px;
    line-height: 120%;
}

.product-details__thumb {
    max-height: 420px;
    overflow: hidden;
}

.product-details__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-details__content {
    background-color: var(--white);
    padding: 30px;
}

@media screen and (max-width: 1199px) {
    .product-details__content {
        padding: 30px 25px;
    }
}

@media screen and (max-width: 991px) {
    .product-details__content {
        padding: 30px 20px;
    }
}

.product-details__add {
    margin-top: 40px;
}

@media screen and (max-width: 1199px) {
    .product-details__add {
        margin-top: 30px;
    }
}

@media screen and (max-width: 991px) {
    .product-details__add {
        margin-top: 20px;
    }
}


/* Product Information Css */

.product-info {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.product-info__rating.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.rating-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.rating-list__item {
    margin-right: 5px;
    color: #ff9b26;
}

.rating-list__item i {
    font-size: 14px;
}

.item-description__custom h2 {
    font-size: 22px;
    color: var(--secondary);
    font-weight: 600;
}

.item-description__custom a {
    color: var(--primary);
    font-size: 14px;
}

.demo-url-title {
    font-size: 14px;
    margin-bottom: 4px;
    display: inline-block;
}

@media screen and (max-width: 1199px) {
    .product-info {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
}

.product-info__inner {
    gap: 20px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1199px) {
    .product-info__inner {
        gap: 15px;
    }
}

.product-info__category-thumb {
    width: 27px;
    height: 27px;
    background-color: #ffcfcc;
    border-radius: 3px;
}

.product-info__category-thumb img {
    max-width: 18px;
}

.category-icon.flex-center {
    background-color: rgba(248, 49, 42, 0.2);
    color: rgb(248, 49, 42);
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    margin-right: 8px;
    border-radius: 4px;
}

.item-category-name {
    color: rgb(248, 49, 42);
    font-size: 14px;
}

.product-info__category-text {
    font-weight: 600;
    width: calc(100% - 27px);
    padding-left: 5px;
}

.product-info__rating-text {
    margin-left: 5px;
    font-size: 14px;
}

.product-info__sales {
    margin-bottom: 0;
    margin-bottom: 0;
    color: #52525d;
    font-weight: 700;
    font-size: 14px;
}

.product-info__sales .sale,
.product-info__sales .icon {
    color: #52525da3;
    font-weight: 500;
    font-size: 14px;
    margin-right: 2px;
}

.product-info .theme-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
}

.product-info .theme-btn i {
    top: 0;
}

#item-description__changelogs strong {
    font-weight: 700;
}


/* Product Share & Live Preview css*/

.product-share-preview {
    margin-bottom: 40px;
    gap: 10px;
}

@media screen and (max-width: 1199px) {
    .product-share-preview {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 991px) {
    .product-share-preview {
        margin-bottom: 20px;
    }
}

.product-share-preview .btn {
    font-weight: 700 !important;
}

.social-share__text {
    margin-bottom: 0;
    margin-right: 10px;
}


/* Product Feature */

.product-feature {
    margin-top: 40px;
}

@media screen and (max-width: 1199px) {
    .product-feature {
        margin-top: 30px;
    }
}

@media screen and (max-width: 991px) {
    .product-feature {
        margin-top: 20px;
    }
}

.product-feature__desc {
    margin-bottom: 15px;
}

.product-feature__desc:last-of-type {
    margin-bottom: 0;
}

#item-description__version-1-1-08th-may-2023 {
    font-size: 18px;
    font-weight: 600;
}

.item-description__custom ul {
    list-style: disc;
    padding-left: 36px;
}

.item-description__custom ul li {
    font-size: 16px;
    margin-bottom: 12px;
}

.item-description__custom ul li:last-child {
    margin: 0;
}

#item-description__built-for-the-future {
    margin-top: 24px;
}

.item-description__custom {
    font-size: 16px;
    line-height: 140%;
}


/* Sidebar  */

.sidebar {
    background-color: var(--white);
    border-radius: 10px;
    border: 1px solid #eee;
    margin-bottom: 40px;
    padding: 30px 20px;
}

@media screen and (max-width: 991px) {
    .sidebar {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .sidebar {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 424px) {
    .sidebar {
        padding: 25px 20px;
    }
}

.sidebar:last-of-type {
    margin-bottom: 0;
}

.sidebar__title {
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
}

.sidebar__title::before,
.sidebar__title::after {
    position: absolute;
    content: "";
    width: 65px;
    height: 3px;
    left: 0;
    bottom: -2px;
    background-color: var(--primary);
    border-radius: 40px;
    overflow: hidden;
}

.sidebar__title::after {
    width: 10px;
    background-color: var(--white);
    animation: bar_dot 5s linear infinite;
    border-radius: 0 !important;
}

@keyframes bar_dot {
    from {
        transform: translateX(-10px);
    }
    to {
        transform: translateX(65px);
    }
}

.sidebar__form .theme-btn {
    width: 100%;
    border: none;
}

@media screen and (max-width: 767px) {
    .sidebar__form {
        margin-top: 20px;
    }
}

.sidebar .btn {
    font-weight: 600;
}

.sidebar-product-info {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.sidebar-product-info:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

@media screen and (max-width: 991px) {
    .sidebar-product-info {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .sidebar-product-info {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
}

.sidebar-product-info__title {
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
}

.sidebar-product-info__desc {
    font-weight: 500;
    color: #52525d99;
    font-size: 14px;
}

.text-list__item a {
    color: #52525dc2;
    background-color: #efefef;
    padding: 8px 14px;
    font-weight: 500;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
}

.text-list__item a:hover {
    background: #ccc;
}

.text-list__item {
    display: inline-block;
}

.text-list.style-tag {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.license-item {
    margin-top: 24px;
}

.license-item.border-end {
    border-right: 1px solid #eee;
}

.license-price {
    font-size: 15px;
    font-weight: 400;
    display: block;
    margin-bottom: 4px;
}

.license-item h6 {
    font-size: 16px;
    color: var(--secondary);
    font-weight: 600;
}


/* Techonology Area  */

.technology-area {
    padding: 80px 0px;
    background: #f5f7f9;
}

.technology-inner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.single-technology-item {
    text-align: center;
    background: var(--white);
    box-shadow: rgba(17, 17, 26, 0.05) 0 4px 16px, rgba(17, 17, 26, 0.01) 0 8px 32px;
    padding: 18px 22px;
    min-height: 80px;
    border-radius: 12px;
    transition: all 0.4s ease;
}

.single-technology-item:hover {
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.45) 0 25px 20px -25px;
}

.technology-item-img img {
    width: 124px;
    height: 42px;
    object-fit: contain;
}


/* Work Process Area */

.how-to-work-section {
    padding: 80px 0px;
}

.how-to-work-wrapper {
    position: relative;
    display: flex;
    margin: 56px 0px;
}

.how-to-work {
    width: 14.28%;
    text-align: center;
    padding: 10px 0;
}

.section-heading__title {
    font-size: 34px;
    margin-bottom: 24px;
}

@media screen and (max-width: 991px) {
    .how-to-work {
        width: 25%;
    }
}

@media screen and (max-width: 575px) {
    .how-to-work {
        width: 33%;
    }
}

@media screen and (max-width: 424px) {
    .how-to-work {
        width: 50%;
    }
}

.how-to-work:hover .how-to-work__info {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

.how-to-work:hover .how-to-work__title {
    color: #f07230;
}

.how-to-work:hover .how-to-work__icon img {
    opacity: 1;
}

.how-to-work:nth-child(even) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-top: 45px;
}

@media screen and (max-width: 991px) {
    .how-to-work:nth-child(even) {
        margin-top: 59px;
    }
}

.how-to-work:nth-child(even) .how-to-work__content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-bottom: 0;
    margin-top: 20px;
}

@media screen and (max-width: 991px) {
    .how-to-work:nth-child(even) .how-to-work__content {
        margin-top: 10px;
    }
}

.how-to-work:nth-child(even) .how-to-work__info::before {
    bottom: 100%;
    top: -10px;
    border-top: inherit;
    border-left: inherit;
    border-bottom: 0;
    border-right: 0;
}

.how-to-work:nth-child(odd) .how-to-work__info {
    top: unset;
    margin-bottom: 20px;
    margin-top: 0;
    bottom: 100%;
}

.how-to-work:first-child .how-to-work__info {
    left: 0;
    transform: translateX(0) scale(0.9);
}

.how-to-work:first-child .how-to-work__info::before {
    left: 90px;
}

@media screen and (max-width: 1399px) {
    .how-to-work:first-child .how-to-work__info::before {
        left: 78px;
    }
}

@media screen and (max-width: 1199px) {
    .how-to-work:first-child .how-to-work__info::before {
        left: 65px;
    }
}

.how-to-work:first-child:hover .how-to-work__info {
    transform: translateX(0) scale(1);
}

.how-to-work:last-child .how-to-work__info {
    left: auto;
    transform: translateX(0) scale(0.9);
    right: 0;
}

.how-to-work:last-child .how-to-work__info::before {
    right: 70px;
    left: auto;
}

@media screen and (max-width: 1399px) {
    .how-to-work:last-child .how-to-work__info::before {
        right: 60px;
    }
}

@media screen and (max-width: 1199px) {
    .how-to-work:last-child .how-to-work__info::before {
        right: 45px;
    }
}

.how-to-work:last-child:hover .how-to-work__info {
    transform: translateX(0) scale(1);
}

.how-to-work__content {
    position: relative;
    margin-bottom: 20px;
}

.how-to-work__line,
.how-to-work__border {
    background-color: transparent;
    border-left: 1px dashed #18426d;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    width: 1px;
}

.how-to-work__line {
    left: -0.5px;
    position: relative;
}

.how-to-work__border {
    height: 1px;
    width: 100%;
    border-top: 1px dashed #18426d;
    border-left: 0;
    position: relative;
}

.how-to-work__border::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #f07230;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.how-to-work__icon {
    width: 50px;
    height: 50px;
    background-color: #f07230;
    color: #18426d;
    border-radius: 50%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    line-height: 50px;
    box-shadow: var(--box-shadow);
}

.how-to-work__icon img {
    width: 22px;
    height: auto;
}

.how-to-work__info {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(0.9);
    width: 280px;
    background-color: #fff;
    box-shadow: 0px 8px 24px #15406b24;
    padding: 25px 15px;
    top: 100%;
    margin-top: 20px;
    border-radius: 8px;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    transition: all 0.4s ease;
}

@media screen and (max-width: 991px) {
    .how-to-work__info {
        padding: 20px;
        margin-top: 10px;
        box-shadow: 0px 5px 25px rgba(90, 144, 225, 0.1);
    }
}

.how-to-work__info::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 50%;
    transform: translateX(-50%) rotate(44deg);
    bottom: -10px;
    background-color: #fff;
    border-top: 0;
    border-left: 0;
}

.how-to-work__title {
    margin-bottom: 0;
    font-size: 1.25rem;
    transition: all 0.4s ease;
    color: var(--secondary);
}


/* Responsive CSs Start */

@media screen and (max-width: 991px) {
    .how-to-work-wrapper {
        margin-bottom: 0px;
        gap: 20px;
        justify-content: center;
        row-gap: 40px;
    }
}

@media screen and (max-width: 991px) and (max-width: 424px) {
    .how-to-work-wrapper {
        row-gap: 30px;
    }
}

@media screen and (max-width: 991px) {
    .how-to-work {
        display: flex;
        flex-direction: column-reverse;
        position: relative;
        padding-top: 70px;
        padding-bottom: 0;
        width: calc(33.5% - 15px);
        box-shadow: var(--box-shadow-two);
        border: 1px solid hsl(var(--base-two) / 0.08);
        background-color: hsl(var(--white));
        border-radius: 10px;
    }
}

@media screen and (max-width: 991px) and (max-width: 767px) {
    .how-to-work {
        padding-top: 60px;
        width: calc(50% - 15px);
    }
}

@media screen and (max-width: 991px) and (max-width: 424px) {
    .how-to-work {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .how-to-work:nth-child(even) {
        margin-top: 0;
    }
    .how-to-work:nth-child(even) .how-to-work__content {
        margin-top: 0px;
    }
}

@media screen and (max-width: 991px) {
    .how-to-work:nth-child(odd) .how-to-work__info {
        margin-bottom: 0;
        bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .how-to-work__title {
        margin-top: 25px;
    }
}

@media screen and (max-width: 991px) {
    .how-to-work__content {
        margin-bottom: 0px;
        position: unset;
    }
}

@media screen and (max-width: 991px) {
    .how-to-work__icon {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 991px) {
    .how-to-work__border {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .how-to-work__line {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .how-to-work__info {
        visibility: visible;
        opacity: 1;
        position: relative;
        transform: none !important;
        left: 0 !important;
        width: 100%;
        bottom: 0 !important;
        margin-top: 0px !important;
        top: 0 !important;
        box-shadow: none;
        border: 0;
        background-color: transparent;
        padding-top: 10px;
    }
}

@media screen and (max-width: 991px) and (max-width: 767px) {
    .how-to-work__info {
        padding: 20px 15px;
        padding-top: 10px;
    }
}

@media screen and (max-width: 991px) and (max-width: 424px) {
    .how-to-work__info {
        padding: 30px 20px;
        padding-top: 10px;
    }
}

@media screen and (max-width: 991px) {
    .how-to-work__info::before {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .how-to-work__desc {
        font-size: 0.9375rem;
    }
}


/* Project Area */

.project-area {
    padding: 80px 0px;
    background: var(--secondary);
}

.project-section-head {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: end;
    margin-bottom: 56px;
    gap: 24px;
}

.project-section-head-left span {
    display: block;
    color: var(--primary);
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 24px;
}

.project-section-head-left h2 {
    color: var(--white);
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 24px;
}

.project-section-head-left p {
    color: var(--white);
}

.project-section-head-left {
    padding-right: 154px;
    display: block;
    width: 50%;
}

.project-section-head-right {
    width: 50%;
    text-align: right;
}

.project-section-head-right a {
    background: transparent;
    border: 2px solid var(--primary);
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary);
}

.project-section-head-right a:hover {
    background: var(--primary);
    color: var(--white);
    border: 2px solid transparent;
}

.project-image-slider-item.project-slider-item-2 {
    margin-top: 32px;
}

.project-image-slider-wrapper.owl-carousel .single-project-item img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top;
    border-radius: 4px;
}


/* Slider Arrow */

.project-image-slider .owl-nav {
    text-align: center;
    margin-top: 32px;
}

.project-image-slider .owl-prev,
.project-image-slider .owl-next {
    width: 40px;
    height: 40px;
    border: 1px solid var(--primary) !important;
    border-radius: 100%;
    font-size: 15px !important;
    line-height: 40px !important;
    color: var(--primary) !important;
    transition: all 0.4s ease;
    margin: 0px 4px;
}

.project-image-slider .owl-prev:hover,
.project-image-slider .owl-next:hover {
    background: var(--primary) !important;
    border: 1px solid transparent !important;
    color: var(--white) !important;
}


/* Breadcrumbs Area */

.main-breadcrumbs-area {
    padding: 80px 0px;
    background: linear-gradient(to bottom, #f072301f 1%, #fff 100%, #fff 100%);
}

.main-breadcrumbs-content {
    text-align: center;
}

.main-breadcrumbs-content h3 {
    font-size: 44px;
    font-weight: 700;
    color: var(--secondary);
    line-height: 120%;
    margin-bottom: 16px;
}

.main-breadcrumbs-menu li {
    display: inline-block;
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
}

.main-breadcrumbs-menu li a {
    font-size: 16px;
}

.main-breadcrumbs-menu li::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: var(--primary);
    border-radius: 100%;
    right: -4px;
    top: 9px;
}

.main-breadcrumbs-menu li {
    margin-right: 8px;
    padding-right: 8px;
}

.main-breadcrumbs-menu li:last-child {
    margin: 0;
    padding: 0;
}

.main-breadcrumbs-menu li:last-child::before {
    display: none;
}


/* About Page Area */

.about-section-area {
    padding: 80px 0px;
}

.about-section-content h2 {
    color: var(--secondary);
    font-size: 38px;
    line-height: 120%;
    margin-bottom: 16px;
}

.about-section-bottom-content {
    margin-top: 24px;
}

.about-section-content h3 {
    color: var(--secondary);
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 24px;
    font-size: 22px;
    margin-top: 24px;
}

.about-section-content ul li {
    margin-bottom: 20px;
    font-size: 18px;
    position: relative;
    padding-left: 24px;
}

.about-section-content ul li::before {
    position: absolute;
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    color: var(--secondary);
    font-size: 16px;
    left: 0;
    top: 0;
}

.about-section-content ul li:last-child {
    margin: 0;
}

.about-section-content ul li i {
    color: var(--secondary);
    margin-right: 8px;
    font-size: 16px;
}

.about-section-img img {
    width: 100%;
    height: 640px;
    border-radius: 8px;
    object-fit: cover;
}

.award-area {
    padding: 80px 0px;
}


/* Team Area */

.team-area {
    padding: 80px 0px;
    background: #fff;
}

.team-inner {
    margin-top: 16px;
}

.team-area .team-img img {
    width: 100% !important;
    height: 380px !important;
    object-fit: cover !important;
    border-radius: 6px;
    filter: grayscale(100%);
    transition: all 0.4s ease;
    border: 1px solid #ddd;
}

.team-card:hover img {
    filter: none;
}

.team-info {
    position: absolute;
    bottom: 12px;
    left: 12px;
    background: var(--white);
    right: 12px;
    padding: 12px;
    border-radius: 6px;
}

.team-card-container {
    position: relative;
}

.team-info h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 6px;
}

.team-info p {
    font-size: 14px;
    line-height: 120%;
}


/* Slider Arrow */

.team-area .owl-nav {
    text-align: center;
    margin-top: 32px;
    display: block !important;
}

.team-area .owl-prev,
.team-area .owl-next {
    width: 40px;
    height: 40px;
    border: 1px solid var(--primary) !important;
    border-radius: 100%;
    font-size: 15px !important;
    line-height: 40px !important;
    color: var(--primary) !important;
    transition: all 0.4s ease;
    margin: 0px 4px;
}

.team-area .owl-prev:hover,
.team-area .owl-next:hover {
    background: var(--primary) !important;
    border: 1px solid transparent !important;
    color: var(--white) !important;
}


/* Career Area */

.career-area {
    padding: 80px 0px;
    background: #f5f7f9;
}

.career-section-head span {
    color: var(--orange);
    font-weight: 500;
    font-size: 18px;
    display: block;
    margin-bottom: 12px;
}

.career-section-head h2 {
    font-size: 40px;
    line-height: 130%;
    margin-bottom: 24px;
}

.career-section-head {
    margin-bottom: 40px;
}

.single-career-card {
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-radius: 12px;
    margin-bottom: 24px;
    box-shadow: 0px 8px 24px #0634620a;
}

.single-career-card h4 {
    font-size: 20px;
    font-weight: 600;
}

.single-career-card .apply-btn {
    border: 1px solid var(--primary);
    color: var(--primary);
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 120%;
}

.single-career-card .apply-btn:hover {
    background: var(--primary);
    border: 1px solid transparent;
    color: var(--white);
}

.single-career-card:last-child {
    margin: 0;
}

.career-image img {
    width: 100%;
    height: 620px;
    object-fit: cover;
    border-radius: 8px;
}


/*================================================================================================
    Mobile Menu
===================================================================================================*/

.mobile-menu-modal {
    z-index: 9999999;
}

.mobile-menu-modal .offcanvas-logo img {
    width: 124px;
    height: 48px;
    object-fit: contain;
}

.mobile-menu-offcanvas-toggler {
    text-align: center;
    display: inline-block;
    padding: 0px !important;
    z-index: 3;
    border-radius: 50%;
    border: none;
    display: none;
    width: 28px;
    height: 14px;
    line-height: 50px;
    background: transparent;
    z-index: 888;
}

.mobile-menu-offcanvas-toggler .line {
    position: relative;
    display: block;
    width: 24px;
    height: 2px;
    background: #f07230;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s;
}

.mobile-menu-offcanvas-toggler .line+.line {
    margin-top: 4px;
}

.mobile-menu-modal-main-body {
    padding: 24px 20px;
    overflow-y: scroll;
}

.mobile-menu-modal.offcanvas-modal.modal.fade .modal-dialog {
    transform: translateX(-100%);
}

.mobile-menu-modal.offcanvas-modal.modal.show .modal-dialog {
    transform: translateX(0%);
}

.mobile-menu-modal .offcanvas-dialog {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    margin: 0;
}

.mobile-menu-modal .offcanvas-dialog .modal-content {
    height: 100%;
    border-radius: 0;
    border: 0;
}

.mobile-menu-modal .offcanvas-header {
    border: none;
    padding: 18px 20px !important;
    position: relative;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f072300f;
}

.mobile-menu-modal .offcanvas-header .btn-close {
    color: #f07230;
    opacity: 1;
    width: 35px;
    height: 35px;
    line-height: 30px;
    border-radius: 100%;
    padding: 0;
    font-size: 13px;
    background: #f072301a;
    transition: all 0.4s ease;
    margin: 0;
    float: right;
    border: none;
}

.mobile-menu-modal .offcanvas-header .btn-close:hover {
    background: #db6c34;
    color: #fff;
}

.mobile-menu-modal .offcanvas-menu::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: #fff;
}

.offcanvas-men-list {
    height: 100vh;
    overflow-y: scroll;
}

.mobile-menu-modal .offcanvas-menu li {
    margin-bottom: 12px;
    border-bottom: 1px solid #e4eeec;
    padding-bottom: 12px;
}

.mobile-menu-modal .offcanvas-menu li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.mobile-menu-modal .offcanvas-menu li.active .menu-arrow {
    color: #f07230;
}

.mobile-menu-modal .offcanvas-menu li.active .menu-arrow::before {
    background: #f07230 !important;
    color: #fff !important;
}

.mobile-menu-modal .offcanvas-menu li a {
    font-weight: 500;
    display: block;
    text-transform: capitalize;
    color: #063462;
    font-size: 16px;
}

.mobile-menu-modal .offcanvas-menu li a:hover {
    color: #f07230;
}

.mobile-menu-modal .offcanvas-menu li a i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 100%;
    font-size: 14px;
    background: #f072300f;
    color: var(--primary);
    text-align: center;
    transition: all 0.4s ease;
}

.mobile-menu-modal .offcanvas-menu li.active .menu-arrow i {
    background: var(--primary);
    color: #fff;
}

.mobile-menu-modal .offcanvas-modal .modal-content {
    padding: 0px 15px;
}

.modal-backdrop.fade.show {
    background: #063462;
    opacity: 0.8;
    z-index: 9999;
}

.mobile-menu-modal .offcanvas-btn {
    margin-top: 30px;
}

.mobile-menu-modal .offcanvas-btn .isp-starter-v1-btn {
    width: 100%;
    display: block;
    text-align: center;
}

.mobile-menu-modal-bottom-button {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px;
    background: #fff;
    border-top: 1px solid var(--border-color);
}

.mobile-menu-modal-bottom-button .theme-btn {
    width: 100%;
}

.mobile-menu-modal-bottom-button .theme-btn {
    display: block;
    text-align: center;
    padding: 12px 12px;
    font-size: 14px;
}

.mobile-menu-modal-bottom-button .theme-btn:hover {
    background: #063462;
    color: #fff;
}

#offcanvas-menu .sub-menu {
    margin-top: 16px;
    margin-left: 12px;
    display: none;
}

#offcanvas-menu .sub-menu li:last-child {
    margin: 0;
    padding: 0;
}

#offcanvas-menu .sub-menu li a {
    font-size: 15px;
}

#offcanvas-menu .sub-menu li a:hover,
#offcanvas-menu .sub-menu li.active a {
    color: var(--primary) !important;
}

#offcanvas-menu .menu-arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#offcanvas-menu .menu-arrow.active a {
    color: var(--primary);
}

#offcanvas-menu .sub-menu li {
    margin-bottom: 12px;
    padding-bottom: 12px;
}

#offcanvas-menu .menu-arrow.active .sub-menu li a {
    color: var(--secondary);
}

#offcanvas-menu .menu-arrow.active .sub-menu li.active a {
    color: var(--primary);
}

#offcanvas-menu .menu-arrow:hover::before {
    background: var(--primary);
    color: #fff;
}


/* #offcanvas-menu .menu-arrow::before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-size: 16px;
    right: 0;
    top: -3px;
    width: 24px;
    height: 24px;
    background: #f072300f;
    border-radius: 100%;
    color: var(--primary);
    text-align: center;
    line-height: 24px;
    transition: all 0.4s ease;
}
#offcanvas-menu .menu-arrow.active::before {
    background: var(--primary);
    color: #fff;
    content: "\f107";
} */

.mobile-menu-modal-bottom .theme-btn {
    text-align: center;
    width: 100%;
    justify-content: center;
    padding: 12px;
    font-size: 15px;
}

.mobile-menu-modal-bottom .theme-btn i {
    font-size: 18px;
    top: 1px;
    position: relative;
}

.mobile-menu-modal-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 5%;
    background: #fff;
    border-top: 1px solid #ddd;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .mobile-menu-offcanvas-toggler {
        display: block;
    }
    .mobile-menu-modal .offcanvas-dialog {
        width: 400px;
    }
    .mobile-menu-offcanvas-toggler {
        top: 6%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-menu-offcanvas-toggler {
        display: block;
    }
    .mobile-menu-modal .offcanvas-dialog {
        width: 400px;
    }
    .mobile-menu-offcanvas-toggler {
        top: 6%;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-menu-offcanvas-toggler {
        display: block;
    }
}


/*================================================================================================
    End Mobile Menu
===================================================================================================*/


/* Request Quote Modal */

.request-quote-modal {
    z-index: 99999;
}

.request-quote-modal .modal-dialog {
    max-width: 696px !important;
    width: 696px !important;
    margin-top: 50px;
}

.request-quote-modal-head {
    text-align: center;
    margin-bottom: 40px;
}

.request-quote-modal-head-title {
    font-size: 31px;
    display: inline-block;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 0;
}

.request-quote-modal-head-title::before {
    position: absolute;
    content: "";
    width: 96px;
    height: 3px;
    background: #f07230;
    bottom: -1.5px;
    left: 50%;
    transform: translate(-50%);
    border-radius: 12px;
}

.request-quote-modal .modal-content {
    background: #fff;
    border-radius: 24px;
    border: none;
    padding: 28px 24px;
    position: relative;
}

.get-quote-modal-close {
    position: absolute;
    right: -32px;
    top: -20px;
    width: 32px;
    height: 32px;
    background: #fff;
    color: #f07230;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    font-size: 22px;
    cursor: pointer;
    transition: all 0.4s ease;
}

.get-quote-modal-close:hover {
    background: #f07230;
    color: #fff;
}

.get-quote-modal-close i {
    font-size: 14px;
}

.request-quote-modal-form .form-group {
    margin-bottom: 20px;
}

.request-quote-modal-form .form-group label {
    font-size: 14px;
    color: #767a7a;
    margin-left: 16px;
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 120%;
    display: block;
}

.request-quote-modal-form .form-group input,
.request-quote-modal-form .form-group textarea,
.request-quote-modal-form .form-group select {
    width: 100%;
    height: 48px;
    border-radius: 4px;
    border: 1px solid transparent;
    background: #f5f8fe;
    padding: 12px 16px;
    font-size: 16px;
    color: #19395e;
    font-weight: 500;
}

.request-quote-modal-form .form-group select {
    cursor: pointer;
}

.request-quote-modal-form .form-group input:focus,
.request-quote-modal-form .form-group textarea:focus,
.request-quote-modal-form .nice-select:focus,
.request-quote-modal-form .form-group select:focus {
    border: 1px solid #f07230;
}

.request-quote-modal-form .form-group textarea {
    height: 150px !important;
}

.request-quote-modal-form .nice-select {
    width: 100%;
    height: 48px;
    border: 1px solid transparent;
    background: #f5f8fe;
    font-size: 16px;
    font-weight: 500;
    color: var(--paragraph-color);
    line-height: 24px;
    padding: 12px 16px;
}

.request-quote-modal-form .nice-select::after {
    border-bottom: 2px solid #19395e;
    border-right: 2px solid #19395e;
    right: 20px;
}

.request-quote-modal-form .nice-select .list {
    width: 100%;
    transform: none !important;
    border: 1px solid var(--border-color);
    overflow: scroll;
    height: 220px;
}

.request-quote-modal-form .nice-select .option {
    min-height: 19px;
    padding: 12px 16px;
    line-height: 19px;
    font-size: 14px;
}

.request-quote-modal-form .nice-select .option:hover {
    background-color: #19395e;
}

.request-quote-modal-form-btn .theme-btn {
    padding: 16px 24px;
    width: 200px;
    text-align: center;
    display: block;
    height: 50px;
    line-height: 100%;
    border: none;
}

.request-quote-modal-form-btn .theme-btn:hover {
    background: #19395e;
    color: #fff;
}


/* Select Box */

.select2-dropdown {
    border: 1px solid var(--border-color);
    box-shadow: 0px 8px 24px #0b24471a;
}

.select2-container {
    width: 100% !important;
    z-index: 999999999;
}

.select2-search--dropdown {
    display: none;
}

.select2-container--default .select2-selection--single {
    background-color: #f5f8fe;
    border: 1px solid transparent;
    border-radius: 4px;
    height: 48px;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 500;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #19395e;
    line-height: 23px;
    padding: 0;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #19395e;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: -12%;
    top: 85%;
    border-color: #19395e transparent transparent transparent !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #19395e transparent !important;
}

@media only screen and (max-width: 767px) {
    .request-quote-modal .modal-dialog {
        max-width: 100% !important;
        width: 100% !important;
        margin-top: 0;
        margin: 0;
    }
    .request-quote-modal-head-title {
        font-size: 18px;
    }
    .get-quote-modal-close {
        right: 12px;
        top: 12px;
        background: #f07230;
        color: #fff;
    }
    .get-quote-modal-close:hover {
        background: #19395e;
        color: #fff;
    }
    .request-quote-modal-form .form-group input,
    .request-quote-modal-form .form-group textarea {
        height: 44px;
    }
    .request-quote-modal-form .form-group textarea {
        height: 110px !important;
    }
    .request-quote-modal-form-btn .theme-btn {
        height: 44px;
    }
    .product-info__inner {
        display: block;
    }
    .product-info {
        display: block;
    }
    .product-info__category {
        margin-bottom: 8px;
    }
    .product-info__sales {
        margin: 8px 0px;
    }
    .product-info .theme-btn {
        display: block;
        text-align: center;
    }
}


/* Nice Select CSS */

.nice-select {
    width: 100%;
    border: none;
    border-bottom: 2px solid #e6e6e6;
    margin: 0 !important;
    height: 48px;
    line-height: 48px;
}

.nice-select:focus {
    border-bottom: 2px solid #ff5b2e;
}

.nice-select:hover {
    border-bottom: 2px solid #e6e6e6;
}

.nice-select.open .list {
    width: 100%;
}

.nice-select .option:hover {
    background-color: #f07230;
    color: #fff;
}

.swiper-pagination {
    text-align: center !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -80px !important;
}

.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: #ff5b2e !important;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff5b2e !important;
    position: relative !important;
}

.swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #ff5b2e;
}

.template_slider .slick-arrow {
    position: absolute;
    top: 50%;
    margin: -20px 0px 0px 0px;
    z-index: 10;
    font-size: 18px;
    background: #fff;
    box-shadow: none;
    border: none;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    color: #f07230;
    transition: all 0.4s ease;
}

.template_slider .slick-arrow:hover {
    background: #f07230;
    color: #fff;
}

.template_slider .slick-arrow.slick-prev {
    left: 50px;
}

.template_slider .slick-arrow.slick-next {
    right: 50px;
}


/* .avatar.avatar-medium {
    height: 110px;
    width: 110px;
}

.shadow {
    box-shadow: 0 0 3px rgba(30, 41, 59, 0.15) !important;
}

.position-title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 0.75rem;
}


.sticky-bar {
    position: sticky;
    top: 80px;
} */

.section-box {
    display: inline-block;
    width: 100%;
    overflow: visible;
}

.box-border-single {
    padding: 20px;
    display: inline-block;
    width: 100%;
    border: 1px solid #e0e6f7;
    border-radius: 8px;
}

.sidebar-border {
    border: 1px solid #e0e6f7;
    padding: 25px;
    border-radius: 8px;
    background-color: #ffffff;
    margin-bottom: 40px;
}

.position-title {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
    color: #05264e;
}

.job-overview {
    border: thin solid #e0e6f7;
    border-radius: 8px;
    padding: 20px 30px 30px 30px;
    margin-block: 50px;
}

.btn-apply {
    padding: 12px 20px;
    background-color: #3c65f5;
    color: #ffffff;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.btn-apply {
    margin-left: 4px;
}

.btn-apply:hover {
    color: #fff;
    background-color: #05264e;
    transform: translateY(-3px);
    transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.btn-apply img {
    width: 20px;
    height: 20px;
    margin-right: 2px;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.applying-time span {
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 100%;
}

.job-overview .sidebar-icon-item {
    width: 30px;
    height: 30px;
    object-fit: cover;
}

.job-overview .sidebar-text-info {
    display: flex;
}

.job-overview .text-description {
    font-size: 16px;
    color: #66789c;
    line-height: 24px;
    font-weight: 400;
}

.text-description {
    font-size: 14px;
    color: #66789c;
    line-height: 22px;
    display: inline-block;
    width: 50%;
    min-width: 120px;
    max-width: 120px;
}

.job-overview .sidebar-text-info .small-heading {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.content-single h3,
.content-single h4,
.content-single h5 {
    margin-top: 20px;
    color: #4f5e64;
    font-weight: 600;
    margin-bottom: 20px;
}

.content-single ul {
    padding-left: 30px;
    line-height: 32px;
    font-size: 16px;
    color: #4f5e64;
    list-style: disc;
}

.single-apply-jobs {
    display: inline-block;
    width: 100%;
    padding: 30px 0px 30px 0px;
    border-top: 1px solid rgba(6, 18, 36, 0.1);
    margin-top: 50px;
}

.btn.btn-default {
    color: #ffffff;
    background-color: #3c65f5;
    line-height: 26px;
    padding: 10px 25px;
}

.btn.btn-default:hover {
    background-color: #05264e;
    transform: translateY(-2px);
    transition: 0.2s;
}

.color-text-paragraph-2 {
    color: #66789c;
}

.social-share a img {
    width: 35px;
    height: 35px;
}

.f-18 {
    font-size: 18px;
}

.sidebar-list-job {
    border-top: 1px solid rgba(6, 18, 36, 0.1);
    display: inline-block;
    width: 100%;
    padding: 25px 0px 0px 0px;
    margin: 20px 0px 0px 0px;
}

.sidebar-list-job ul {
    padding: 0px;
}

.sidebar-list-job ul li {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
}

.card-list {
    display: flex;
    width: 100%;
    height: 100% !important;
    padding: 0px 0px 15px 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #e0e6f7;
}

.hover-up {
    transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.card-list .image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    margin-right: 10px;
    border-radius: 5px;
    padding-inline: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.card-list .image a img {
    width: 60px;
    height: 60px;
}

.card-list .info-text {
    width: 100%;
    margin-top: -4px;
}

.color-brand {
    color: #05264e !important;
}

.font-md {
    font-size: 16px !important;
    line-height: 24px !important;
}

.card-list .card-price {
    font-size: 12px;
    line-height: 12px;
    color: #4f5e64;
    font-weight: 500;
}

.applyCanvasOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    transform: translateX(100%);
    transition: all 750ms ease;
}

.applyCanvasOverlay.open {
    transform: translateX(0);
}

.applyFormCanvas {
    background-color: white;
    position: fixed;
    top: 0;
    right: 0;
    width: 500px;
    height: 100vh;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    z-index: 999;
    transform: translateX(100%);
    transition: transform 0.3s ease;
}

.applyFormCanvas.open {
    transform: translateX(0);
}

.offcanvas-content {
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
}

.offcanvas-content .applyFormCanvas-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
}

.offcanvas-content .applyFormCanvas-close {
    box-sizing: content-box;
    width: 0.85em;
    height: 0.85em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
}

.offcanvas-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.applyFormCanvas .text-brand-2 {
    background: #d5deff;
    display: inline-block;
    border-radius: 8px;
    padding: 5px 15px;
}

.text-brand-1 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 100%;
}

.text-brand-2 {
    color: #3c65f5;
}

.font-sm {
    font-weight: 500;
    font-size: 14px !important;
    line-height: 22px !important;
}

.login-register .form-group {
    margin-bottom: 1rem;
    position: relative;
}

.login-register .form-label {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 400;
}

.login-register input {
    height: 40px;
    line-height: 53px;
    font-size: 14px;
}

.login-register .form-group input::placeholder {
    font-size: 0.9rem;
    font-weight: 400;
}

.login-register .form-group input:focus {
    border-color: #b4c0e0;
}

.login-register .form-group input {
    background: #fff;
    border: 1px solid #e0e6f6;
    height: 40px;
    box-shadow: none;
    padding-left: 10px;
    font-size: 16px;
    width: 100%;
}

.cb-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    line-height: 21px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.cb-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #ffffff;
    border: 1px solid #e0e6f7;
    border-radius: 7px;
}

.cb-container input:checked~.checkmark {
    border: 2px solid #3c65f5;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.cb-container input:checked~.checkmark:after {
    display: block;
}

.cb-container .checkmark::after {
    left: 0px;
    top: -1px;
    width: 21px;
    height: 22px;
    border-radius: 5px;
    background: #3c65f5 url(../images/icons/tick.svg) no-repeat center;
    background-size: 15px;
}

.text-small {
    font-size: 14px;
    line-height: 22px;
    color: #4f5e64;
    font-weight: 500;
}

.login_footer .text-muted {
    font-size: 14px;
    line-height: 22px;
    color: #4f5e64;
    font-weight: 500;
}

.uploadcv {
    line-height: 0 !important;
    padding: 7px 15px 13px 15px !important;
}

.home-cta-main.template-cta-main p {
    color: white;
}


/*============================================================================================
	Service Portfolio Area
==============================================================================================*/

.service-portfolio {
    padding: 80px 0px;
    background: #f5f5f5;
}

.service-portfolio-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.service-portfolio-card {
    position: relative;
}

.service-portfolio-card::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #063462;
    opacity: 0.4;
    border-radius: 12px;
}

.s-portfolio-img img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    object-position: top center;
    border-radius: 12px;
}

.s-portfolio-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.service-portfolio-card:hover .s-portfolio-btn {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.s-portfolio-btn a {
    background: #f07230;
    color: #fff;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 16px;
    transition: all 0.4s ease;
}

.s-portfolio-btn a:hover {
    background: #fff;
    color: #f07230;
}

.service-portfolio-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.service-portfolio-card {
    position: relative;
}

.s-portfolio-img img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 12px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .s-portfolio-img img {
        height: 280px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-portfolio-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .s-portfolio-img img {
        height: 280px;
    }
}

@media only screen and (max-width: 767px) {
    .service-portfolio-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .s-portfolio-img img {
        height: 280px;
    }
}


/* WhatsApp Floating Button */

.floating_btn {
    position: fixed;
    bottom: 70px;
    right: 8px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}

.contact_icon {
    background-color: #42db87;
    color: #fff;
    width: 60px;
    height: 60px;
    font-size: 30px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translatey(0px);
    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 0 #42db87;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
    transition: all 300ms ease-in-out;
}

.floating_btn_2 {
    position: fixed;
    bottom: 150px;
    right: 8px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}

.messenger_icon {
    background: linear-gradient( rgb(255, 143, 178) 0%, rgb(167, 151, 255) 50%, rgb(0, 229, 255) 100%);
    color: #fff;
    width: 60px;
    height: 60px;
    font-size: 30px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translatey(0px);
    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 0 rgb(167, 151, 255);
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
    transition: all 300ms ease-in-out;
}


/* Messenger Floating Button */


/*============================================================================================
	End Service Portfolio Area
==============================================================================================*/