/*
 Theme Name: Dgita
 Theme URI: https://themeforest.net/user/themewar/portfolio
 Author: themewar
 Author URI: 
 Description: Dgita - Creative Digital Agency Responsive HTML5 Template
 Version: 1.0
 License:
 License URI:
*/

/*==================================
[Table of contents]
===================================
1. Home Page 01
2. Home Page 02
3. Home Page 03
4. About Page
5. Single Service
6. Portfolio Page
7. Single Portfolio
8. Blog Page
9. Single Blog
10. Contact Page
11. Others
12. Shop Page
*/

/*------------------------------------------------------
/ 1. Home Page 01
/------------------------------------------------------*/
/*--- Header 01 ---*/
.header01{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    background: transparent;
    padding: 22px 95px;
}
.navBar01{
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.logo{
    line-height: 40px;
    margin: 0;
    padding: 0;
}
.logo img{
    height: 40px;
    max-width: 100%;
}
.navArea{
    display: flex;
    flex-basis: auto;
    align-items: center;
}
.menuToggler{
    display: none;
}
.menu_btn {
    display: none;
}
.mainMenu{
    position: relative;
    margin-right: auto;
    padding-left: 115px;
}
.mainMenu ul{
    margin: 0;
    padding: 0;
}
.mainMenu ul li{
    line-height: .8;
    margin: 0 44px 0 0;
    padding: 42px 0;
    display: inline-block;
    position: relative;
}
.mainMenu ul li:last-child{
    margin-right: 0;
}
.mainMenu ul li a{
    font-size: 20px;
    color: #0c0d24;
    display: block;
    letter-spacing: .5px;
    line-height: .8;
    text-transform: capitalize;
}
.mainMenu ul li.menu-item-has-children > a:after{
    content: '+';
    display: inline-block;
    letter-spacing: 0;
    font-size: 14px;
    color: inherit;
    position: relative;
    font-weight: 500;
    top: -1px;
    margin-left: 5px;
}
.mainMenu ul li:hover > a, 
.mainMenu ul li.current-menu-item > a {
    color: var(--theme-color);
}
.mainMenu > ul ul{
    position: absolute;
    top: 100%;
    left: -20px;
    pointer-events: none;
    min-width: 220px;
    border-radius: 2px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 9px 52px -14px rgba(0, 0, 0, .17);
    z-index: 10;
    -webkit-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}
.mainMenu > ul ul li {
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: block;
    width: 100%;
}
.mainMenu > ul ul li:first-child{
    border-top: none;
}
.mainMenu > ul ul li.menu-item-has-children > a:after{
    float: right;
}
.mainMenu > ul ul li a {
    font-size: 17px;
    line-height: 24px;
    padding: 11px 20px;
}
.mainMenu > ul ul ul {
    left: calc(100% - -1px);
    top: 0;
    margin: 0;
}
.mainMenu > ul li:hover > ul{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.accessNav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.accessNav .phoneBtn{
    color: #03030f;
    font-size: 20px;
    line-height: 26px;
}
.accessNav .phoneBtn i{
    font-size: 27px;
    margin-right: 10px;
    position: relative;
    top: 7px;
}
.accessNav .phoneBtn:hover{
    color: var(--theme-color);
}
.accessNav .cartBtn{
    position: relative;
    font-size: 27px;
    color: #03030f;
    margin-left: 25px;
}
.accessNav .cartBtn span{
    background: var(--theme-color);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: -12px;
    top: 0;
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    display: inline-block;
}
.accessNav .cartBtn:hover{
    color: var(--theme-color);
}
.accessNav .dgBtn_two{
    margin-left: 38px;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    color: #fff;
    border: none;
    text-transform: capitalize;
    letter-spacing: .4px;
    font-weight: 400;
    background: #FF5722;
    padding: 0 33px;
}
.accessNav .dgBtn_two i {
    font-size: 22px;
    margin: 0 8px 0 0;
    top: 4px;
}
.accessNav .dgBtn_two::after {
    background: var(--theme-color);
    visibility: hidden;
    opacity: 0;
}
.accessNav .dgBtn_two:hover::after {
    visibility: visible;
    opacity: 1;
}
.centerMenu .mainMenu{
    margin-right: 0;
    margin-left: auto;
    padding-left: 0;
    padding-right: 245px;
}

/*--- Hero Banner ---*/
.heroBanner01{
    position: relative;
    height: 100vh;
    overflow: hidden;
    background: url(../images/home1/1.png) no-repeat center bottom #fff0e6;
    padding: 0 0 0;
}
.bMiddle {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.bannerContent{
    position: relative;
    padding: 100px 50px 0 0;
    z-index: 2;
}
.bannerContent h2{
    font-size: 75px;
    line-height: 85px;
    margin-bottom: 42px;
    animation-delay: 1.2s;
    animation-name: fadeInLeft;
}
.bannerContent > p{
    color: #0c0d24;
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 60px;
    animation-delay: 1.5s;
    animation-name: fadeInLeft;
}
.subscribeForm{
    position: relative;
    max-width: 630px;
    animation-delay: 1.8s;
    animation-name: fadeInLeft;
}
.subscribeForm form > i{
    font-size: 42px;
    color: #c6b2ac;
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 75px;
}
.subscribeForm form{
    position: relative;
}
.subscribeForm input[type="email"]{
    width: 100%;
    height: 75px;
    border: none;
    border: 2px solid #0c0d24;
    background: transparent;
    line-height: 75px;
    padding: 0 75px;
    font-size: 16px;
    letter-spacing: .4px;
    text-transform: capitalize;
    color: rgba(3, 3, 15, .7);
    border-radius: 3px;
    outline: none;
    margin-bottom: 10px;
}
.subscribeForm input[type="submit"]{
    background: var(--theme-color);
    height: 54px;
    border-radius: 3px;
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: .42px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 54px;
    z-index: 2;
    outline: none;
    border: none;
    padding: 0 26px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.subscribeForm input[type="submit"]:hover{
    color: var(--theme-color);
    background: #0c0d24;
}
.content_coming_soon input[type="email"]::-moz-placeholder{
    color: rgba(3, 3, 15, .7);
    opacity: 1;
}
.content_coming_soon input[type="email"]::-ms-input-placeholder{
    color: rgba(3, 3, 15, .7);
    opacity: 1;
}
.content_coming_soon input[type="email"]::-webkit-input-placeholder{
    color: rgba(3, 3, 15, .7);
    opacity: 1;
}
.subscribeForm .notes{
    margin: 0;
    color: #0c0d24;
    font-size: 16px;
}
.pnl {
    animation-delay: 2s;
    animation-name: fadeInUp;
}
.bLayer{
    position: relative;
    margin: 100px 0 0;
}
.bLayer img{
    max-width: none;
    width: auto;
}
.layer_img{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    top: 57%;
    transform: translateY(-50%);
}

/*--- Hero Slier ---*/
.slider_01{
    position: relative;
    margin: 0;
    overflow: hidden;
}
.ws_nowrap{
    white-space: normal !important;
}
.slider_01 .tparrows.custom{
    background: transparent;
}
.tparrows.custom:before{
    font-size: 30px;
    color: #000000;
    content: '\e90e';
    font-family: 'dgita-icon' !important;
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -webkit-transition: all 0.4s ease !important;
    -o-transition: all 0.4s ease !important;
    transition: all 0.4s ease !important;
}
.tp-rightarrow.tparrows.custom:before {
    transform: none;
}
.tparrows.custom:hover:before{
    color: var(--theme-color);
}
.tp-bannertimer{
    display: none !important;
}
.ws_nowrap {
    white-space: normal !important;
}
.tp-caption .dgBtn{
    font-size: 17px !important;
    line-height: 67px !important;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}
.tp-caption .subbg{
    font-size: 20px;
    line-height: 26px;
    color: #03030f;
    display: inline-block;
    background: #e3f5fd;
    letter-spacing: .62px;
}
.prcolor{
    color: #00d1ff;
}
.slider_02{
    position: relative;
    margin: 0;
    overflow: hidden;
}
.slider_02 .tparrows.custom{
    width: 65px;
    height: 65px;
    background: #ff5722;
    color: var(--theme-color);
    border-radius: 50%;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}
.slider_02 .tparrows.custom:before{
    line-height: 65px;
    font-size: 22px;
    color: #FFF;
}
.slider_02 .tparrows.custom:hover{
    background: var(--theme-color);
}
.slider_02 .tparrows.custom:hover:before{
    color: #fff;
}
.tp-bullets .tp-bullet{
    background: transparent;
    text-align: center;
    width: 16px;
    height: 16px;
    border: 2px solid #ff5722;
    border-radius: 50%;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}
.tp-bullets .tp-bullet-inner{
    width: 0;
    height: 0;
    display: block;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    text-align: center;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}
.tp-bullets .tp-bullet:hover .tp-bullet-inner,
.tp-bullets .tp-bullet.selected .tp-bullet-inner{
    background: var(--theme-color);
    width: 6px;
    height: 6px;
}
.tp-bullets .tp-bullet:hover,
.tp-bullets .tp-bullet.selected{
    border-color: var(--theme-color);
}
.slider_03{
    position: relative;
    margin: 0;
    overflow: hidden;
}
.slider_03 .dgBtn{
    border-radius: 50px;
}
.slider_03 .tparrows.custom{
    width: 65px;
    height: 65px;
    background: #ff5722;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}
.slider_03 .tparrows.custom:before{
    line-height: 65px;
    font-size: 22px;
    color: #03030f;
}
.slider_03 .tparrows.custom:hover{
    background: var(--theme-color);
}
.slider_03 .tparrows.custom:hover:before{
    color: #03030f;
}
.rvlist{
    display: inline-block;
    list-style: none;
    width: 100%;
    font-size: 22px;
    color: #0c0d24;
    line-height: 32px;
    margin: 0 0 18px;
}
.rvlist i {
    width: 34px;
    height: 34px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
    display: inline-block;
    margin-right: 10px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.rvlist:hover i {
    background: var(--theme-color);
}

/*--- Service 01 ---*/
.serviceItem01{
    position: relative;
    background: #edfbfd;
    padding: 25px 30px 60px;
    margin: 0 0 40px;
    z-index: 2;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.si2{
    background: #fff0e6;
}
.si3{
    background: #eaf7ff;
}
.serImg{
    min-height: 243px;
    position: relative;
}
.serviceItem01 .serImg img{
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 243px;
}
.serviceItem01 h3{
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    margin: 22px 0 24px;
}
.serviceItem01 h3 a{
    color: inherit;
}
.serviceItem01 h3 a:hover{
    color: var(--theme-color);
}
.serviceItem01 p{
    color: rgba(3, 3, 15, .8);
    margin: 0;
}
.serviceItem01:after{
    position: absolute;
    left: 14px;
    top: 14px;
    width: calc(100% - 28px);
    height: calc(100% - 28px);
    z-index: -1;
    content: '';
    background: transparent;
    border: 1px dashed #e9b999;
    visibility: hidden;
    opacity: 0;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.serviceItem01:hover:after{
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.serviceItem01:hover{
    -webkit-box-shadow: 0px 15px 30px 0px rgba(205, 207, 214, 0.55);
    -moz-box-shadow:    0px 15px 30px 0px rgba(205, 207, 214, 0.55);
    box-shadow:         0px 15px 30px 0px rgba(205, 207, 214, 0.55);
}

/*--- Listing ---*/
.listItem{
    position: relative;
    margin: 0;
    padding: 0;
}
.listItem li{
    list-style: none;
    display: inline-flex;
    width: 100%;
    font-size: 18px;
    line-height: 32px;
    margin: 0 0 23px;
}
.listItem li i{
    width: 34px;
    height: 34px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
    color: var(--theme-color);
    display: inline-block;
    margin-right: 10px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    box-sizing: border-box;
    border: none;
    padding: 0;
    flex-shrink: 0;
}
.listItem li:hover i{
    background: var(--theme-color);
    color: #fff;
}
.abImg{
    position: relative;
    overflow: hidden;
}
.abImg img{
    height: auto;
    width: auto;
}

/*--- Icon Box 01 ---*/
.iconbox01{
    position: relative;
    padding: 0 40px;
}
.ibbox{
    z-index: 2;
    position: relative;
    width: 120px;
    height: 120px;
    line-height: 120px;
    background: #fef5ee;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    margin: 0 0 27px;
}
.ibbox img{
    max-width: 100%;
    height: auto;
}
.iconbox01 h3{
    font-size: 26px;
    color: #0c0d24;
    font-weight: 600;
    margin-bottom: 20px;
}
.iconbox01 p{
    margin: 0;
    font-size: 18px;
}
.ibborder{
    position: relative;
    right: -162px;
    top: 50px;
}
.pb2 .ibbox{
    background: #eaf7ff;
}
.pb3 .ibbox{
    background: #fff1f1;
}
.pb4 .ibbox{
    background: #f4f4fd;
}
.pb4{
    padding-top: 134px;
}

/*--- Skill Bars ---*/
.single_skill{
    position: relative;
    margin: 31px 0 0;
}
.single_skill p{
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    color: #060315;
    margin: 0 0 15px;
}
.ss_parent{
    position: relative;
    background: transparent;
    height: 19px;
    border: 1px solid #e6e6e6;
    width: 100%;
}
.ss_parent span{
    position: absolute;
    font-size: 16px;
    color: #18152c;
    font-weight: 500;
    line-height: 26px;
    margin: 0 0 0 -9px;
    left: 0;
    top: -38px;
}
.ss_child{
    position: absolute;
    left: 7px;
    top: 4px;
    height: 9px;
    background: #03030f;
}

/*--- Funfact ---*/
.processConten{
    position: relative;
}
.processConten img{
    max-width: none !important;
    width: auto;
}
.fact_01{    
    margin-bottom: -150px;
    z-index: 2;
    position: relative;
    width: 240px;
    background: #fff;
    border-radius: 10px;
    padding: 44px 28px 42px;
    -webkit-box-shadow: 0px 15px 38px 0px rgba(197, 198, 208, 0.35);
    -moz-box-shadow:    0px 15px 38px 0px rgba(197, 198, 208, 0.35);
    box-shadow:         0px 15px 38px 0px rgba(197, 198, 208, 0.35);
}
.fact_01 h2{
    color: #65d0ff;
    font-size: 43px;
    line-height: 28px;
    margin-bottom: 15px;
}
.fact_01 h2 i{
    font-style: normal;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
}
.fact_01 h3{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 1px;
}
.fact_01 p{
    font-size: 16px;
    margin: 0;
}
.factBottom{
    margin: -80px -110px 0;
    float: right;
    z-index: auto;
}
.factBottom:before{
    width: 44px;
    height: 44px;
    background: #b8e9ff;
    border-radius: 50%;
    content: '';
    position: absolute;
    right: -15px;
    bottom: -15px;
    z-index: -1;
    -webkit-animation: blinker2 3.0s infinite linear;
    animation: blinker2 3.0s infinite linear;
}
.factBottom h2{
    color: #fb4736;
}
.fact_01.fsingle{
    margin: 0;
}

/*--- Service Item 02 ---*/
.serviceItem02{
    z-index: 2;
    position: relative;
    background: #fff;
    padding: 54px 37px 56px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -webkit-box-shadow: 0px 0 40px 0px rgba(211, 211, 214, 0.35);
    -moz-box-shadow:    0px 0 40px 0px rgba(211, 211, 214, 0.35);
    box-shadow:         0px 0 40px 0px rgba(211, 211, 214, 0.35);
}
.serviceItem02:hover {
    -webkit-box-shadow: 0 30px 50px 0 rgba(11,2,55,.1);
    -moz-box-shadow: 0 30px 50px 0 rgba(11,2,55,.1);
    box-shadow: 0 30px 50px 0 rgba(11,2,55,.1);
}
.serviceItem02 .serImg{
    min-height: 118px;
    margin: 0 0 15px;
}
.serviceItem02 h3{
    font-size: 26px;
    line-height: 36px;
    font-weight: 600;
    margin: 22px 0 15px;
}
.serviceItem02 h3 a{
    color: inherit;
}
.serviceItem02 h3 a:hover{
    color: var(--theme-color);
}
.serviceItem02 p{
    font-size: 18px;
    color: rgba(3, 3, 15, .8);
    margin: 0 0 23px;
}
.srmore{
    display: inline-table;
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-color);
    text-transform: capitalize;
}

/*--- Testimonial Slider ---*/
.twIcon{
    position: relative;
    width: 93px;
    height: 93px;
    background: #ff5722;
    border-radius: 50%;
    text-align: center;
    font-size: 38px;
    color: #000000;
    line-height: 93px;
    display: inline-block;
    margin: 0 0 31px;
}
.twIcon i{
    line-height: 103px;
}
.testimonialSlider01{
    position: relative;
    width: 630px;
    margin-left: 70px;
    margin-bottom: 120px;
    padding: 0 0 90px;
}
.testimonialSlider01.owl-carousel .owl-item{
    height: calc(100% + 30px);
    padding: 15px;
    width: calc(100% + 30px);
}
.testimonialItem{
    position: relative;
    padding: 0;
    text-align: center;
}
.tsAuthor{
    position: relative;
    z-index: 2;
}
.testimonialSlider01 .tsAuthor img{
    width: 248px;
    height: 248px;
    border-radius: 50%;
    display: inline-block;
}
.tsAuthor i{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7px;
    margin: auto;
    text-align: center;
    font-size: 40px;
    color: #fff;
}
.tsContent{
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0px 0 19px 0px rgba(216, 211, 211, 0.35);
    -moz-box-shadow:    0px 0 19px 0px rgba(216, 211, 211, 0.35);
    box-shadow:         0px 0 19px 0px rgba(216, 211, 211, 0.35);
    padding: 49px 20px 63px;
    margin-top: -15px;
}
.tsContent h5{
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 23px;
}
.tsContent p{
    font-size: 22px;
    line-height: 36px;
    margin: 0;
}
.testimonialSlider01.owl-carousel .owl-nav{
    width: 268px;
    height: 268px;
    background: #ff5722;
    border-radius: 50%;
    text-align: center;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    z-index: -1;
    margin: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.testimonialSlider01.owl-carousel .owl-nav button{
    width: 62px;
    height: 38px;
    text-align: center;
    background: #fff;
    color: #000000;
    line-height: 45px;
    font-size: 30px;
    margin: 0 10px 40px;
    border-radius: 50%;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.testimonialSlider01.owl-carousel .owl-nav .owl-prev i{
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    display: block;
}
.testimonialSlider01.owl-carousel .owl-nav button:hover{
    background: #fecdac;
}

/*--- Folio Item 01 ---*/
.folioSlider{
    position: relative;
}
.folioItem01{
    position: relative;
}
.folioItem01 img{
    width: 100%;
    height: auto;
}
.folioHover{
    position: absolute;
    width: calc(100% - 50px);
    left: 25px;
    bottom: 35px;
    background: #fff;
    padding: 29px 30px 35px;
    visibility: hidden;
    opacity: 0;
    transition: all ease 600ms;
    -moz-transition: all ease 600ms;
    -webkit-transition: all ease 600ms;
}
.folioHover p{
    margin: 0 0 1px;
    font-size: 14px;
    text-transform: uppercase;
}
.folioHover p a{
    color: inherit;
}
.folioHover p a:hover{
    color: var(--theme-color);
}
.folioHover h3{
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}
.folioHover h3 a{
    color: inherit;
}
.folioHover h3 a:hover{
    color: var(--theme-color);
}
.folioSlider .slick-slide{
    margin: 0 15px;
    margin-bottom: 30px;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.folioSlider .slick-slide.slick-current.slick-active.slick-center{
    margin-top: 30px;
    margin-bottom: 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.folioSlider .slick-slide.slick-current.slick-active.slick-center .folioHover{
    visibility: visible;
    opacity: 1;
    bottom: 25px;
}
.folioSlider:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 33.333%;
    height: 100%;
    content: '';
    background: linear-gradient(90deg, rgba(255,248,243,1) 15px, rgba(246,226,211,0) 100%);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.folioSlider:before{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 33.333%;
    height: 100%;
    content: '';
    background: linear-gradient(-90deg, rgba(255,248,243,1) 0%, rgba(246,226,211,0) 100%);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.folioSlider .slick-arrow{
    width: 62px;
    height: 38px;
    text-align: center;
    background: #fff;
    color: #000000;
    border: none;
    z-index: 4;
    position: absolute;
    visibility: hidden;;
    opacity: 0;
    top: 45%;
    line-height: 45px;
    font-size: 30px;
    margin: 0 10px 40px;
    border-radius: 50%;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.folioSlider .slick-arrow:hover{
    background: var(--theme-color);
    color: #fff;
}
.folioSlider .slick-arrow.prev-arrow{
    left: -10px;
    right: auto;
}
.folioSlider .slick-arrow.prev-arrow i{
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    display: block;
}
.folioSlider:hover .slick-arrow.prev-arrow{
    left: 0;
    right: auto;
    visibility: visible;
    opacity: 1;
}
.folioSlider .slick-arrow.next-arrow{
    left: auto;
    right: -10px;
}
.folioSlider:hover .slick-arrow.next-arrow{
    left: auto;
    right: 0;
    visibility: visible;
    opacity: 1;
}

/*--- Blog Post ---*/
.blogItem01{
    position: relative;
    margin: 0 0 40px;
}
.blogItem01 img{
    width: 100%;
    height: auto;
}
.blogContent{
    position: relative;
    padding: 34px 0 0;
}
.blogContent p{
    font-size: 16px;
    color: var(--theme-color);
    margin: 0 0 13px;
}
.blogContent p a{
    color: inherit;
}
.blogContent p a:hover{
    color: #03030f;
}
.blogContent h3{
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin: 0 0 15px;
}
.blogContent h3 a{
    color: inherit;
}
.blogContent h3 a:hover{
    color: var(--theme-color);
}
.bpmeta{
    display: flex;
    font-size: 16px;
}
.bpmeta a{
    color: inherit;
    margin-right: 25px;
}
.bpmeta a:last-child{
    margin-right: 0;
}
.bpmeta a:hover{
    color: var(--theme-color);
}

/*--- Footer ---*/
.footer_01{
    position: relative;
    background: #fff0e6;
    padding: 125px 0 55px;
}
footer .widget{
    position: relative;
    margin: 0 0 105px;
    padding: 0;
}
footer .widget .widget_title{
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    margin: -6px 0 31px;
}
.aboutWidget{
    position: relative;
}
.aboutWidget img{
    max-width: 100%;
    margin-left: -20px;
    height: auto;
}
.aboutWidget p{
    font-size: 18px;
    line-height: 30px;
    margin: 35px 0 36px;
}
.aboutWidget h4{
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Rubik', sans-serif;
    margin-bottom: 13px;
}
.mc4wp-form-fields{
    position: relative;
}
footer input[type="email"] {
    width: 100%;
    height: 70px;
    border: none;
    background: #fce6d7;
    border-radius: 0;
    outline: none;
    font-size: 16px;
    line-height: 70px;
    padding: 0 22px;
    color: #0c0d24;
}
footer input[type="email"]::-moz-placeholder{
    color: #0c0d24;
    opacity: .8;
}
footer input[type="email"]::-ms-input-placeholder{
    color: #0c0d24;
    opacity: .8;
}
footer input[type="email"]::-webkit-input-placeholder{
    color: #0c0d24;
    opacity: .8;
}
footer button{
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    background: transparent;
    position: absolute;
    height: 34px;
    width: 56px;
    border-radius: 0;
    border-left: 1px solid #e4cfbe;
    right: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    line-height: 39px;
    color: #0c0d24;
    font-size: 20px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
footer button:hover{
    color: var(--theme-color);
}
footer ul{
    margin: 0;
    padding: 0;
}
footer ul li{
    list-style: none;
    display: block;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px;
}
footer ul li a{
    color: inherit;
    display: inline-block;
}
footer ul li a:hover{
    color: var(--theme-color);
}
footer ul li a:hover {
    color: var(--theme-color);
    padding-left: 6px;
}
.widget.contact_widget{
    padding-left: 35px;
}
.contact_info{
    position: relative;
}
.contact_info p{
    font-size: 18px;
    color: #03030f;
    line-height: 28px;
    margin: 0;
}
.abSocial{
    position: relative;
    margin: 29px 0 0;
}
.abSocial a{
    display: inline-block;
    width: 43px;
    height: 43px;
    background: transparent;
    border-radius: 50%;
    text-align: center;
    line-height: 46px;
    color: #0c0d24;
    font-size: 18px;
    margin-right: -4px;
}
.abSocial a:hover{
    background: #ffac6a;
}
.footer_01.white{
    background: #fafafa;
}

/*--- Copyright ---*/
.copyright{
    position: relative;
    display: flex;
    justify-content: space-between;
}
.copyright p{
    font-size: 16px;
    margin: 0;
}
.copyright ul{
    margin: 0;
    padding: 0;
}
.copyright ul li{
    font-size: 16px;
    list-style: none;
    display: inline-block;
    margin-left: 15px;
}
.copyright ul li a{
    display: inline-block;
    color: inherit;
}
.copyright ul li a:hover{
    padding-left: 0;
    color: var(--theme-color);
}
.ctaMail{
    position: relative;
    margin: 0 -50px;
    margin-top: -300px;
    margin-bottom: 153px;
    border-radius: 10px;
    text-align: center;
    background: url(../images/bg/2.jpg) no-repeat center center / cover;
    padding: 90px 30px 105px;
}
.ctaMail h2{
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 2px;
}
.ctaMail p{
    margin: 0 0 49px;
}
.ctaMail p a{
    color: var(--theme-color);
}
.ctaMail p a:hover{
    color: #03030f;
}
.ctaMail .mc4wp-form-fields{
    max-width: 610px;
    margin: 0 auto;
}
.ctaMail .mc4wp-form-fields > i{
    color: rgba(12, 13, 36, .5);
    font-size: 24px;
    left: 23px;
    position: absolute;
    top: 0;
    line-height: 80px;
}
footer .ctaMail input[type="email"]{
    font-size: 18px;
    height: 80px;
    border: 1px solid #03030f;
    background: transparent;
    border-radius: 3px;
    padding: 0 60px;
}
footer .ctaMail input[type="email"]::-moz-placeholder{
    color: #0c0d24;
    opacity: .5;
}
footer .ctaMail input[type="email"]::-ms-input-placeholder{
    color: #0c0d24;
    opacity: .5;
}
footer .ctaMail input[type="email"]::-webkit-input-placeholder{
    color: #0c0d24;
    opacity: .5;
}
footer .ctaMail button{
    width: 85px;
    height: 70px;
    border: none;
    background: var(--theme-color);
    right: 5px;
    border-radius: 3px;
    color: #fff;
}
footer .ctaMail button:hover{
    background: #03030f;
}

/*------------------------------------------------------
/ 2. Home Page 02
/------------------------------------------------------*/
/*--- Banner ---*/
.heroBanner02 {
    position: relative;
    height: 100vh;
    overflow: hidden;
    background: url(../images/home2/1.png) no-repeat center center #f9f9ff;
    padding: 0 0 0;
}
.bannerContent02{
    position: relative;
    padding: 130px 0 0 0;
    z-index: 1;
}
.bannerContent02 .sub-title{
    font-size: 20px;
    line-height: 26px;
    color: #03030f;
    display: inline-block;
    background: #e3f5fd;
    letter-spacing: .62px;
    margin-bottom: 28px;
    animation-delay: 1.1s;
    animation-name: fadeInLeft;
}
.bannerContent02 h2{
    font-size: 75px;
    line-height: 85px;
    margin-bottom: 39px;
    animation-delay: 1.3s;
    animation-name: fadeInLeft;
}
.bannerContent02 > p{
    color: #0c0d24;
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 48px;
    margin-right: -15px;
    animation-delay: 1.6s;
    animation-name: fadeInLeft;
}
.bannerContent02 .dgBtn{
    animation-delay: 1.9s;
    animation-name: fadeInLeft;
}
.heroBanner02 .bLayer{
    margin-top: 130px;
    margin-left: 50px;
}

/*--- Service Item ---*/
.serviceItem03 {
    position: relative;
    border: 2px solid #f1eeeb;
    padding: 75px 25px 67px;
    margin: 0 0 30px;
    z-index: 2;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.serviceItem03 h3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    margin: 0 0 31px;
}
.serviceItem03 h3 a {
    color: inherit;
}
.serviceItem03 h3 a:hover {
    color: var(--theme-color);
}
.serviceItem03 p {
    font-size: 19px;
    line-height: 31px;
    margin: 0 0 56px;
}
.serviceItem03 i{
    font-size: 90px;
    line-height: 90px;
    color: #000;
    position: relative;
    z-index: 2;
}
.serviceItem03 i:after{
    position: absolute;
    content: '';
    width: 77px;
    height: 77px;
    background: #e0fffb;
    border-radius: 50%;
    right: -18px;
    bottom: -25px;
    z-index: -1;
}
.it32 i:after{
    background: #ffe7e0;
}
.it33 i:after{
    background: #e0ecfe;
}
.serviceItem03:hover{
    border-color: #03030f;
}

/*--- Service Item  ---*/
.serviceItem04{
    z-index: 2;
    position: relative;
    background: #fff;
    margin: 0 0 40px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    padding: 57px 30px 56px 214px;
    -webkit-box-shadow: 0px 0 40px 0px rgba(211, 211, 214, 0.35);
    -moz-box-shadow:    0px 0 40px 0px rgba(211, 211, 214, 0.35);
    box-shadow:         0px 0 40px 0px rgba(211, 211, 214, 0.35);
}
.serviceItem04:hover {
    -webkit-box-shadow: 0 30px 50px 0 rgba(211,211,214,.35);
    -moz-box-shadow: 0 30px 50px 0 rgba(211,211,214,.35);
    box-shadow: 0 30px 50px 0 rgba(211,211,214,.35);
}
.serviceItem04 .serImg{
    position: absolute;
    left: 22px;
    top: 70px;
    z-index: 2;
    min-height: auto;
}
.serviceItem04 .serImg:after{
    position: absolute;
    left: 28px;
    bottom: 9px;
    content: '';
    width: 102px;
    height: 102px;
    background: #fcf7f2;
    border-radius: 50%;
    z-index: -1;
}
.serviceItem04 .serImg img{
    max-height: 160px;
    width: auto;
}
.serviceItem04 h3{
    font-size: 26px;
    line-height: 36px;
    font-weight: 600;
    margin: 0 0 15px;
}
.serviceItem04 h3 a{
    color: inherit;
}
.serviceItem04 h3 a:hover{
    color: var(--theme-color);
}
.serviceItem04 p{
    font-size: 18px;
    margin: 0 0 17px;
}
.serviceItem04 .srmore{
    color: #03030f;
    font-size: 20px;
}
.serviceItem04 .srmore:hover{
    color: var(--theme-color);
}

/*--- Funfact ---*/
.processConten02{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 605px;
    height: 605px;
    padding: 110px 0 0 56px;
    margin: 37px 0 0;
}
.proCircle{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    animation: circle 15s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
}
.proCircle .proRound{
    width: 44px;
    height: 44px;
    background: #feaf6f;
    border-radius: 50%;
    border-radius: 100%;
    position: absolute;
    bottom: 60px;
    left: 80%;
    z-index: 2;
}
.processConten02 .fact_01{
    margin: 0 2px 2px 0;
    float: left;
}
.fi02.fact_01 h2{
    color: #46c39c;
}
.fi03.fact_01 h2{
    color: #ffa246;
}
.fi04.fact_01 h2{
    color: #fb4736;
}

/*--- Testimonial 02 ---*/
.testimonialSlider02{
    position: relative;
    padding: 0 0 105px;
}
.testimonialItem02{
    position: relative;
}
.testimonialSlider02.owl-carousel .tsAuthor{
    max-width: 402px;
    margin: auto;
}
.testimonialSlider02.owl-carousel .tsAuthor img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    display: inline-block;
}
.tsContent02{
    position: relative;
    padding: 15px 0 0 55px;
}
.tsContent02 .twIcon{
    margin: 0 0 47px;
}
.tsContent02 p{
    font-size: 22px;
    line-height: 34px;
    color: rgba(12, 13, 36, .8);
    margin: 0 0 26px;
}
.tsContent02 h5{
    position: relative;
    padding-left: 45px;
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin: 42px 0 2px;
}
.tsContent02 h5:after{
    position: absolute;
    left: 0;
    bottom: 0;
    top: 3px;
    margin: auto;
    width: 30px;
    height: 2px;
    background: #03030f;
    content: '';
}
.tsContent02 span{
    padding-left: 45px;
    font-size: 16px;
}
.testimonialSlider02.owl-carousel .owl-nav{
    width: 268px;
    height: 268px;
    background: #ff5722;
    border-radius: 50%;
    text-align: center;
    margin: 0;
    position: absolute;
    left: 12.5%;
    bottom: -3px;
    z-index: -1;
    margin: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.testimonialSlider02.owl-carousel .owl-nav button{
    width: 62px;
    height: 38px;
    text-align: center;
    background: #fff;
    color: #000000;
    line-height: 45px;
    font-size: 30px;
    margin: 0 10px 40px;
    border-radius: 50%;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.testimonialSlider02.owl-carousel .owl-nav .owl-prev i{
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    display: block;
}
.testimonialSlider02.owl-carousel .owl-nav button:hover{
    background: #fecdac;
}

/*--- Team ---*/
.teamItem01{
    position: relative;
    margin-bottom: 53px;
}
.teamItem01 img{
    width: 100%;
    height: auto;
}
.tmContent{
    position: relative;
    padding-left: 47px;
    margin: 34px 0 0;
}
.tmContent h5{
    position: relative;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    margin: 0 0 5px;
}
.tmContent:after{
    position: absolute;
    left: 0;
    top: 16px;
    width: 32px;
    height: 2px;
    background: #03030f;
    content: '';
}
.tmContent h5 a{
    color: inherit;
}
.tmContent h5 a:hover{
    color: var(--theme-color);
}
.tmContent p{
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.tmImgArea{
    position: relative;
    padding-right: 90px;
}
.tmImgArea img{
    width: 100%;
    height: auto;
    margin: 0 0 10px;
}
.tmt_meta{
    position: relative;
    padding: 0 0 0;
    margin: -7px 0 0;
}
.tmt_meta .tm_designation{
    font-size: 16px;
    line-height: 24px;
    color: var(--theme-color);
    display: block;
    margin: 0 0 1px;
}
.tmt_meta h4{
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 25px;
}
.tmt_meta p{
    font-size: 18px;
}
.tm_social {
    position: relative;
    margin: 0 0 35px;
}
.tm_social a {
    margin: 0 5px;
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    z-index: 2;
    background: #fff;
    color: #03030f;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    -webkit-filter: drop-shadow( -2px 1px 8px rgba(226, 225, 225, 1));
    -moz-filter: drop-shadow( -2px 1px 8px rgba(226, 225, 225, 1));
    filter: drop-shadow( -2px 1px 8px rgba(226, 225, 225, 1));
}
.tm_social a::after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    margin: auto;
    width: 0;
    height: 0;
    z-index: -1;
    content: '';
    background: var(--theme-color);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.tm_social a:hover {
    color: #fff;
}
.tm_social a:hover::after {
    width: 100%;
    height: 100%;
}
.tm_meta{
    margin: 0;
    padding: 0;
}
.tm_meta li{
    list-style: none;
    display: block;
    font-size: 18px;
    color: rgba(3, 3, 15, .8);
    font-weight: 400;
    line-height: 36px;
    font-family: 'Work Sans', sans-serif;
    margin: 0;
}
.tm_meta li span{
    display: inline-block;
    font-weight: 500;
    color: #03030f;
}
.tm_meta li i {
    color: var(--theme-color);
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 2px;
    line-height: inherit;
    margin-right: 15px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.tmDetails{
    position: relative;
}
.tmDetails p{
    font-size: 18px;
    margin: 0 0 27px;
}
.tmDetails .tm_meta{
    margin-bottom: 85px;
}
.tmcon p{
    font-size: 18px;
    margin: 0 0 27px;
}


/*------------------------------------------------------
/ 3. Home Page 03
/------------------------------------------------------*/
.accessNav .transparentBtn{
    background: 0 0;
    border-radius: 50px;
    color: #03030f;
    border: 1px solid #03030f;
    font-size: 17px;
    letter-spacing: .42px;
    text-transform: uppercase;
}
.accessNav .transparentBtn:hover{
    color: #fff;
    border-color: var(--theme-color);
}
/*--- Banner ---*/
.heroBanner03 {
    position: relative;
    overflow: hidden;
    background: url(../images/home3/1.png) no-repeat bottom center /cover;
    padding: 160px 0 210px;
    border-radius: 0 0 30px 30px;
}
.heroBanner03 .bLayer{
    float: right;
}
.heroBanner03 .bannerContent02 .sub-title{
    animation-delay: 1.1s;
    animation-name: fadeInUp;
}
.heroBanner03 .bannerContent02 h2{
    animation-delay: 1.3s;
    animation-name: fadeInUp;
}
.bannerContent02 h2 span{
    color: #FF5722;
}
.bannerContent02 ul{
    margin: 0;
    padding: 5px 0 45px;
    animation-delay: 1.6s;
    animation-name: fadeInUp;
}
.bannerContent02 ul li{
    list-style: none;
    display: inline-flex;
    width: 100%;
    font-size: 22px;
    color: #0c0d24;
    line-height: 32px;
    margin: 0 0 18px;
}
.bannerContent02 ul li i{
    width: 34px;
    height: 34px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
    color: var(--theme-color);
    display: inline-block;
    margin-right: 10px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    box-sizing: border-box;
    border: none;
    padding: 0;
    flex-shrink: 0;
}
.bannerContent02 ul li:hover i {
    background: var(--theme-color);
    color: #fff;
}
.heroBanner03 .bannerContent02 .dgBtn{
    animation-delay: 1.9s;
    animation-name: fadeInUp;
    border-radius: 3px;
}


/*--- Service Item ---*/
.serviceItem05 {
    position: relative;
    padding: 63px 25px 77px;
    margin: 0 0 30px;
    z-index: 2;
    -webkit-box-shadow: 0px 0 40px 0px rgba(229, 229, 229, .55);
    -moz-box-shadow: 0px 0 40px 0px rgba(229, 229, 229, .55);
    box-shadow: 0px 0 40px 0px rgba(229, 229, 229, .55);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.serviceItem05 h3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    margin: 0 0 31px;
}
.serviceItem05 h3 a {
    color: inherit;
}
.serviceItem05 h3 a:hover {
    color: var(--theme-color);
}
.serviceItem05 p {
    font-size: 19px;
    line-height: 31px;
    margin: 0;
}
.serviceItem05 i{
    font-size: 90px;
    line-height: 90px;
    color: #000;
    position: relative;
    display: inline-block;
    z-index: 2;
    margin: 0 0 51px;
}
.serviceItem05 i:after{
    position: absolute;
    content: '';
    width: 77px;
    height: 77px;
    background: #e0fffb;
    border-radius: 50%;
    right: -18px;
    bottom: -25px;
    z-index: -1;
}
.serviceItem05.it52 i:after{
    background: #ff5722;
}
.it53 i:after{
    background: #e0ecfe;
}
.serviceItem05:hover{
    background: #fef1e7;
    box-shadow: none;
}
.mixing{
    padding-top: 78px;
    padding-bottom: 4px;
}
.mixing p{
    margin-bottom: 58px;
}

/*--- Icon Box 02 ---*/
.iconbox02{
    position: relative;
    background: #fff;
    padding: 60px 40px 70px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -webkit-box-shadow: 0px 0 40px 0px rgba(213, 212, 222, .35);
    -moz-box-shadow: 0px 0 40px 0px rgba(213, 212, 222, .35);
    box-shadow: 0px 0 40px 0px rgba(213, 212, 222, .35);
}
.iconbox02:hover {
    -webkit-box-shadow: 0 30px 50px 0 rgba(211,211,214,.35);
    -moz-box-shadow: 0 30px 50px 0 rgba(211,211,214,.35);
    box-shadow: 0 30px 50px 0 rgba(211,211,214,.35);
}
.iconbox02 .ibbox{
    background: transparent;
    border: 1px solid #f5ece5;
    margin-bottom: 32px;
}
.iconbox02 h3{
    font-size: 26px;
    color: #0c0d24;
    font-weight: 600;
    margin-bottom: 21px;
}
.iconbox02 p{
    margin: 0;
    font-size: 18px;
}
    

/*--- Folio Item 02 ---*/
.folioItem02{
    position: relative;
    background: #fff;
    margin: 0 0 32px;
}
.folioItem02 img{
    width: 100%;
    height: auto;
}
.folioCon{
    position: relative;
    padding: 32px 25px 20px;
}
.folioCon h3{
    font-size: 24px;
    line-height: 34px;
    color: #0c0d24;
    font-weight: 600;
    margin-bottom: 6px;
}
.folioCon h3 a{
    color: inherit;
}
.folioCon h3 a:hover{
    color: var(--theme-color);
}
.folioCon .cate{
    font-size: 16px;
    letter-spacing: .40px;
    margin: 0 0 17px;
    color: var(--theme-color);
}
.folioCon .cate a{
    color: inherit;
}
.folioCon .cate a:hover{
    color: #0c0d24;
}
.folioCon p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 29px;
}
.flmore{
    position: relative;
    border-top: 1px solid #eeeae7;
    padding: 22px 0 3px;
}
.flmore a{
    display: inline-block;
    font-size: 16px;
    color: #03030f;
    font-weight: 500;
    letter-spacing: .40px;
    text-transform: capitalize;
}
.flmore a i {
    position: relative;
    margin-left: 3px;
    top: 3px;
}
.flmore a:hover{
    color: var(--theme-color);
}

/*--- Testimonial 02 ---*/
.testimonialSlider03{
    position: relative;
    padding: 0 60px;
}
.testimonialItem03{
    position: relative;
    text-align: center;
}
.testimonialItem03 .twIcon{
    margin: 0 0 58px;
}
.testimonialItem03 p{
    font-size: 28px;
    line-height: 44px;
    color: #0c0d24;
    margin: 0 0 50px;
}
.testimonialItem03 .tsborder{
    width: 32px;
    height: 2px;
    background: #03030f;
    display: inline-block;
    margin: 0 0 38px;
}
.testimonialItem03 h5{
    position: relative;
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin: 0 0 2px;
}
.testimonialItem03 span{
    font-size: 16px;
}
.testimonialSlider03.owl-carousel .owl-nav{
    width: 265px;
    height: 265px;
    background: #ff5722;
    border-radius: 50%;
    text-align: center;
    position: relative;
    display: flex;
    z-index: -1;
    margin-left: auto;
    margin-right: auto;
    margin-top: -122px;
    justify-content: center;
    align-items: flex-end;
}
.testimonialSlider03.owl-carousel .owl-nav:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 160px;
    background: #fff;
    content: '';
}
.testimonialSlider03.owl-carousel .owl-nav button{
    width: 62px;
    height: 38px;
    text-align: center;
    background: #fff;
    color: #000000;
    line-height: 45px;
    font-size: 30px;
    margin: 0 10px 40px;
    border-radius: 50%;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.testimonialSlider03.owl-carousel .owl-nav .owl-prev i{
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    display: block;
}
.testimonialSlider03.owl-carousel .owl-nav button:hover{
    background: #fecdac;
}

/*--- Blog Post ---*/
.blogItem02{
    position: relative;
    background: #ffffff;
    margin: 0 0 40px;
}
.blogItem02 img{
    width: 100%;
    height: auto;
}
.blogItem02 > a{
    height: 29px;
    background: #00d1ff;
    border-radius: 30px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    line-height: 29px;
    text-transform: capitalize;
    color: #fff;
    padding: 0 13px;
    position: relative;
    top: -18px;
    z-index: 2;
    margin: 0 0 5px 25px;
}
.blogItem02 > a:hover{
    background: var(--theme-color);
}
.blogItem02 .bpmeta{
    margin-bottom: 10px;
}
.blogItem02 .blogContent{
    padding: 1px 25px 24px;
}
.blogItem02 .blogContent h3{
    font-weight: 500;
}

/*------------------------------------------------------
/ 4. About Page
/------------------------------------------------------*/
/*--- Tab ---*/
.dgitaTabWrapper{
    position: relative;
    margin-right: 40px;
}
.dgitaTab{
    position: relative;
    border-bottom: 1px solid #dae3e9;
    display: flex;
    justify-content: space-between;
    max-width: 500px;
    margin: 64px 0 67px;
}
.dgitaTab li{
    list-style: none;
    display: inline-block;
}
.dgitaTab li a{
    color: #0c0d24;
    font-size: 22px;
    line-height: 32px;
    position: relative;
    display: inline-block;
    padding: 0 0 13px;
    font-weight: 500;
    font-family: 'Work Sans', sans-serif;
}
.dgitaTab li a:after{
    position: absolute;
    left: 0;
    bottom: -2px;
    right: 0;
    width: 0;
    margin: auto;
    background: var(--theme-color);
    height: 4px;
    content: '';
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.dgitaTab li a:hover:after,
.dgitaTab li a.active:after{
    width: 100%;
}
.dgiTabContent{
    position: relative;
}
.dgiTabContent span{
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 25px;
}
.dgiTabContent h4{
    font-size: 36px;
    line-height: 46px;
    font-weight: 500;
    margin: 0 0 34px;
}
.dgiTabContent p{
    line-height: 34px;
    margin: 0;
}
.tabThumb{
    position: relative;
    margin-top: -52px;
}
.tabThumb img{
    max-width: 100%;
}
.tabFull{
    margin: 0;
}
.tabFull .tabThumb{
    margin: 0;
}
.tabFull .dgitaTab{
    margin-top: 20px;
}
.dgiTabContent .listItem{
    margin: 38px 0 30px;
}
.dgiTabContent .listItem li {
    margin-bottom: 2px;
}
.dgiTabContent .listItem li i {
    background: transparent;
    margin-right: 1px;
}
.dgiTabContent .listItem li:hover i {
    background: transparent;
}

/*--- Video Banner ---*/
.video_banner {
    position: relative;
}
.video_banner img {
    width: 100%;
}
.video_banner .popup_video {
    width: 94px;
    height: 94px;
    background: #fff;
    color: #010002;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    line-height: 98px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    animation: shadows 1.4s linear infinite;
    -webkit-animation: shadows 1.4s linear infinite;
    -moz-animation: shadows 1.4s linear infinite;
}
.video_banner .popup_video:hover{
    color: var(--theme-color);
}

/*------------------------------------------------------
/ 5. Single Service
/------------------------------------------------------*/
.singleServicePage{
    position: relative;
    overflow: hidden;
    background: url(../images/bg/5.jpg) no-repeat top center;
    padding: 240px 0 42px;
}
.singleServicePage .secTitle{
    font-size: 75px;
    line-height: 85px;
    margin-bottom: 42px;
}
.singleServicePage .secDesc2{
    font-size: 24px;
    line-height: 40px;
    color: #03030f;
    margin: 0 0 35px;
}
.singleServicePage .secDesc{
    line-height: 36px;
    color: #03030f;
    margin: 0 0 65px;
}
.singleServicePage .abImg{
    margin-left: 50px;
    margin-top: 75px;
}
.ctaContent{
    position: relative;
}
.ctaContent span{
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 25px;
}
.ctaContent h4{
    font-size: 36px;
    line-height: 46px;
    color: #0c0d24;
    font-weight: 500;
    margin-bottom: 40px;
}
.ctaContent .listItem li{
    margin-bottom: 2px;
}
.ctaContent .listItem li i{
    background: transparent;
    margin-right: 1px;
}
.ctaContent .listItem li:hover i{
    background: transparent;
}
.ctaContent p{
    line-height: 34px;
    margin: 28px 0 0;
}

/*--- Audit Form ---*/
.auditForm{
    position: relative;
    margin: 0 42px;
    background: #fff;
    padding: 48px 42px 50px;
    -webkit-box-shadow: 0px 0 38px 0px rgba(203, 203, 203, .35);
    -moz-box-shadow: 0px 0 38px 0px rgba(203, 203, 203, .35);
    box-shadow: 0px 0 38px 0px rgba(203, 203, 203, .35);
}
.auditForm h4{
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 16px;
}
.auditForm p{
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 32px;
}
.auditForm .col-lg-6,
.auditForm .col-lg-12{
    padding-left: 5px;
    padding-right: 5px;
}

.auditForm label{
    font-size: 16px;
    line-height: 30px;
    color: #03030f;
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
}
.auditForm input[type="email"], 
.auditForm input[type="text"], 
.auditForm input[type="number"], 
.auditForm input[type="url"], 
.auditForm input[type="tel"], 
.auditForm input[type="password"], 
.auditForm textarea,
.auditForm select{
    display: block;
    width: 100%;
    height: 50px;
    background: #f5f5f5;
    padding: 0 18px;
    border: none;
    border-radius: 3px;
    font-size: 16px;
    line-height: 50px;
    margin: 0 0 16px;
    color: #03030f;
}
.auditForm select {
    cursor: pointer;
    background: url(../images/select.png) no-repeat calc(100% - 25px) center #f5f5f5;
    appearance: none;
    -moz-appearance: none;
}
.auditForm select::-moz-placeholder,
.auditForm input::-moz-placeholder{
    color: #03030f;
    opacity: .7;
}
.auditForm select::-ms-input-placeholder,
.auditForm input::-ms-input-placeholder{
    color: #03030f;
    opacity: .7;
}
.auditForm select::-webkit-input-placeholder,
.auditForm input::-webkit-input-placeholder{
    color: #03030f;
    opacity: .7;
}
.auditForm input[type="submit"]{
    background: #03030f;
    height: 50px;
    border-radius: 3px;
    border: none;
    outline: none;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    padding: 0 35px;
    margin: 24px 0 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.auditForm input[type="submit"]:hover{
    background: var(--theme-color);
}
.singleServicePage .video_banner{
    margin-top: 80px;
}
.auditForm input.reqError,
.auditForm .reqError{
    background: #f00;
}

/*--- Story ---*/
.fixedItem .tsAuthor{
    max-width: 402px;
}
.fixedItem .tsAuthor img{
    max-width: 100%;
}
.fixedItem .tsContent02{
    padding: 0;
    margin: 0 70px 0 -15px;
}
.fixedItem .tsContent02 .subTitle{
    color: rgba(3, 3, 15, .8);
    font-size: 18px;
    font-weight: 400;
    margin: 6px 0 23px;
}
.fixedItem .tsContent02 .secTitle{
    margin-bottom: 28px;
}

/*------------------------------------------------------
/ 6. Portfolio Page
/------------------------------------------------------*/
.folioPage{
    position: relative;
    padding: 120px 0 60px;
}
.filter_menu{
    position: relative;
    display: flex;
    margin: 0 0 50px;
    padding: 0;
}
.filter_menu.text-center{
    justify-content: center;
}
.filter_menu.text-right{
    justify-content: flex-end;
}
.filter_menu li{
    list-style: none;
    display: inline-block;
    font-size: 17px;
    color: #03030f;
    cursor: pointer;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.filter_menu li:last-child{
    margin-right: 0;
}
.filter_menu li:hover,
.filter_menu li.active{
    color: var(--theme-color);
}
.folioItem01.fi01{
    overflow: hidden;
    margin: 0 0 60px;
}
.folioItem01.fi01 .folioHover{
    bottom: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.folioItem01.fi01:hover .folioHover{
    bottom: 25px;
    visibility: visible;
    opacity: 1;
}

/*------------------------------------------------------
/ 7. Single Portfolio
/------------------------------------------------------*/
.singleFolioPage{
    position: relative;
    overflow: hidden;
    background: url(../images/bg/13.png) no-repeat top center;
    padding: 280px 0 75px;
}
.singleFolioPage .subTitle{
    font-weight: 400;
    margin: 30px 0 33px;
}
.singleFolioPage .secTitle{
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 43px;
}
.singleFolioPage .secDesc{
    line-height: 36px;
    margin: 0 0 27px;
}
.singleFolioPage .abImg{
    margin-left: 40px;
    margin-top: 0;
}
.iconbox03{
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    padding: 49px 35px 45px;
    -webkit-box-shadow: 0px 18px 18px 0px rgba(214, 214, 214, 0.45);
    -moz-box-shadow:    0px 18px 18px 0px rgba(214, 214, 214, 0.45);
    box-shadow:         0px 18px 18px 0px rgba(214, 214, 214, 0.45);
}
.iconbox03 .ibbox{
    height: auto;
    width: auto;
    background: transparent;
    font-size: 70px;
    color: #000000;
    line-height: initial;
    margin: 0 0 11px;
}
.iconbox03 h3{
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
    font-family: inherit;
    margin: 0 0 23px;
}
.iconbox03 h3 a{
    color: inherit;
}
.iconbox03 h3 a:hover{
    color: var(--theme-color);
}
.iconbox03 p{
    font-size: 16px;
    line-height: 30px;
    color: rgba(24, 21, 44, .8);
    margin: 0;
}
.folioPagination{
    position: relative;
    margin: 60px 0 42px;
}
.folioPagination a{
    display: flex;
    font-size: 22px;
    line-height: 32px;
    color: #03030f;
}
.folioPagination a i{
    min-width: 43px;
    height: 74px;
    background: #ffd1b0;
    font-size: 25px;
    color: #03030f;
    line-height: 74px;
    text-align: center;
    display: block;
    margin-right: 15px;
    position: relative;
    top: -7px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.folioPagination a.prev{
    padding-right: 150px;
}
.folioPagination a.next{
    padding-left: 150px;
    text-align: right;
}
.folioPagination a.next i{
    margin-right: 0;
    margin-left: 15px;
}
.folioPagination a:hover{
    color: var(--theme-color);
}
.folioPagination a:hover i{
    color: #fff;
    background: #03030f;
}
.folioShare{
    position: relative;
}
.folioShare a {
    display: inline-block;
    width: 51px;
    height: 51px;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 50%;
    text-align: center;
    line-height: 52px;
    color: #0c0d24;
    font-size: 15px;
    margin: 0 3px;
}
.folioShare a:hover{
    color: #fff;
    border-color: var(--theme-color);
    background: var(--theme-color);
}

/*------------------------------------------------------
/ 8. Blog Page
/------------------------------------------------------*/
.blogPage{
    position: relative;
    padding: 150px 0;
}
.blogItem03{
    position: relative;
    background: #fff8f3;
    margin: 0 0 60px;
}
.blogItem03.noThumb{
    text-align: center;
    background: #f2fbff;
}
.noThumb .blogContent02 .bpmeta{
    justify-content: center;
}
.blogItem03 img{
    max-width: 100%;
    height: auto;
    width: auto;
}
.blogContent02{
    position: relative;
    padding: 50px 40px 44px;
}
.blogContent02 .bpmeta{
    color: #7d7874;
    margin-bottom: 21px;
}
.blogContent02 .bpmeta a{
    position: relative;
    margin-right: 20px;
}
.blogContent02 .bpmeta a:after{
    position: absolute;
    height: 12px;
    width: 1px;
    background: #7d7874;
    content: '';
    right: -11px;
    bottom: 0;
    top: 0;
    margin: auto 0;
}
.blogContent02 .bpmeta a:last-child:after{
    display: none;
}
.blogContent02 h3{
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;
    margin: 0 0 23px;
}
.blogContent02 h3 a{
    color: inherit;
}
.blogContent02 h3 a:hover{
    color: var(--theme-color);
}
.blogContent02 p{
    margin: 0 0 26px;
}
.rm_more{
    display: inline-block;
    font-size: 17px;
    color: var(--theme-color);
    font-weight: 500;
    text-transform: uppercase;
}
.rm_more i{
    color: #ff893a;
    font-size: 15px;
    padding-left: 2px;
    position: relative;
    top: 1px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.rm_more:hover i{
    color: #03030f;
    padding-left: 7px;
}
.rm_more:hover {
    color: #03030f;
}
.dgita_pagination {
    position: relative;
    display: flex;
    margin: 0;
    padding: 0;
}
.dgita_pagination.text-center{
    justify-content: center;
}
.dgita_pagination.text-right{
    justify-content: flex-end;
}
.dgita_pagination a, .dgita_pagination span {
    line-height: .8;
    margin: 0 2px 0 0;
    padding: 0 17px;
    height: 42px;
    background: #eeeeee;
    color: #000000;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
}
.dgita_pagination a:last-child{
    margin-right: 0;
}
.dgita_pagination a.next,
.dgita_pagination a.prev{
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
}
.dgita_pagination a:hover, .dgita_pagination span.current {
    color: #fff;
    background: #03030f;
}

.blogPage02{
    position: relative;
    background: #f8f3ef;
    padding: 140px 0;
}
.blogPage02 .dgita_pagination{
    margin-top: 20px;
}

/*--- Sidebar ---*/
.sidebar{
    position: relative;
    padding-left: 18px;
}
.sidebar.lsb{
    padding-left: 0;
    padding-right: 18px;
}
.sidebar .widget {
    position: relative;
    margin: 0 0 75px;
}
.sidebar .widget:last-child{
    border: none;
    margin: 0;
}
.sidebar .widget .widget_title {
    font-weight: 500;
    font-size: 24px;
    padding: 0 0 33px;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #e5e5e6;
    line-height: .8;
}
.sidebar .widget.widget_search .widget_title{
    border: none;
    padding: 0 0 31px;
}
.search_form {
    position: relative;
}
.search_form input[type="search"] {
    display: block;
    width: 100%;
    padding: 0 58px;
    height: 60px;
    border: 1px solid #eeeeee;
    border-radius: 3px;
    font-size: 16px;
    color: #0c0d24;
    background: transparent;
    font-weight: 400;
}
.search_form input[type="search"]::-moz-placeholder{
    color: #0c0d24;
    opacity: .7;
}
.search_form input[type="search"]::-ms-input-placeholder{
    color: #0c0d24;
    opacity: .7;
}
.search_form input[type="search"]::-webkit-input-placeholder{
    color: #0c0d24;
    opacity: .7;
}
.search_form button{
    background: transparent;
    border: none;
    font-size: 21px;
    line-height: 66px;
    color: #03030f;
    position: absolute;
    margin: 0;
    padding: 0;
    left: 19px;
    top: 0;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.search_form button:hover{
    color: var(--theme-color);
}
.sidebar ul {
    margin: 0;
    padding: 0;
}
.sidebar ul li {
    list-style: none;
    display: block;
    font-size: 18px;
    line-height: 34px;
    border-bottom: 1px solid #efeded;
    position: relative;
    padding: 10px 0 13px;
    margin: 0;
}
.sidebar .widget_categories ul li {
    text-align: right;
    width: 100%;
    display: inline-block;
    color: #03030f;
}
.sidebar .widget_categories ul li a {
    float: left;
}
.sidebar ul li a {
    display: inline-block;
    color: inherit;
    line-height: inherit;
}
.sidebar ul li a:hover {
    color: var(--theme-color);
}
.pp_post_item {
    position: relative;
    min-height: 88px;
    padding-left: 102px;
    border-bottom: 1px solid #e5e5e6;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}
.pp_post_item img {
    width: 83px;
    height: 88px;
    position: absolute;
    left: 0;
    top: 30px;
}
.pp_post_item span{
    display: block;
    font-size: 16px;
    line-height: 21px;
    color: #898989;
    margin: 0 0 5px;
}
.pp_post_item a {
    font-size: 20px;
    line-height: 30px;
    color: #03030f;
    display: block;
    margin: 0 0 0px;
}
.pp_post_item a:hover{
    color: var(--theme-color);
}
.tagcloud {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 34px 0 0;
}
.tagcloud a {
    height: 31px;
    text-align: center;
    padding: 0 12px;
    line-height: 30px;
    border: none;
    display: inline-block;
    border-radius: 50px;
    background: #f1f1f1;
    color: #2a2b3a;
    text-transform: lowercase;
    font-size: 16px !important;
    margin-right: 10px;
    margin-bottom: 15px;
    float: left;
}
.tagcloud a:hover{
    background: var(--theme-color);
    color: #fff;
}
/*------------------------------------------------------
/ 9. Single Blog
/------------------------------------------------------*/
.singleBlog{
    position: relative;
    padding: 120px 0 295px;
}
.sic_the_content {
    position: relative;
}
.sic_the_content p{
    color: rgba(0, 1, 8, .8);
    margin: 0 0 33px;
}
.sic_the_content .wp-block-image {
    margin: 40px 0 37px;
}
.sic_the_content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.sic_the_content blockquote, .sic_the_content blockquote.wp-block-quote {
    padding: 40px 45px 31px;
    position: relative;
    background: #f7f5f4;
    margin: 51px 0 46px;
}
.sic_the_content blockquote:before {
    content: "\e90d";
    font-family: 'dgita-icon' !important;
    left: 0;
    top: 0;
    position: relative;
    display: inline-block;
    color: #000000;
    font-size: 25px;
    line-height: 25px;
    margin: 0 0 24px;
}
.sic_the_content blockquote p, .sic_the_content blockquote.wp-block-quote p {
    font-size: 28px;
    line-height: 40px;
    color: #0c0d24;
    font-style: normal;
    margin: 0 0 24px;
}
.sic_the_content blockquote cite{
    font-style: normal;
    font-size: 20px;
    color: #0c0d24;
    position: relative;
    padding-left: 36px;
}
.sic_the_content blockquote cite:after{
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: '';
    background: #000000;
    width: 30px;
    height: 1px;
    position: absolute;
}
.lstitle{
    font-size: 28px;
    line-height: 36px;
    color: #000108;
    font-weight: 500;
    font-family: inherit;
    margin: 0 0 38px;
}
.spMeta{
    position: relative;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 43px 0 33px;
    margin: 67px 0 65px;
}
.tags{
    position: relative;
}
.tags a{
    height: 31px;
    text-align: center;
    padding: 0 18px;
    line-height: 30px;
    border: none;
    display: inline-block;
    border-radius: 50px;
    background: #f1f1f1;
    color: #0c0d24;
    text-transform: lowercase;
    font-size: 16px !important;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}
.tags a:hover{
    background: var(--theme-color);
    color: #fff;
}
.socialShare{
    display: flex;
    justify-content: flex-end;
}
.socialShare a{
    display: inline-block;
    font-size: 15px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 10px 0;
    text-align: center;
    color: #fefeff;
    margin-left: 10px;
}
.socialShare a.twi{
    background: #55acee;
}
.socialShare a.pin{
    background: #bd081c;
}
.socialShare a.fac{
    background: #3b5999;
}
.socialShare a.dri{
    background: #ea4c89;
}
.socialShare a:hover{
    background: var(--theme-color);
    color: #fff;
}
.postPagination{
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    margin: 0 0 57px;
    padding: 0 0 53px;
}
.postPagination a{
    display: inline-block;
    font-size: 20px;
    line-height: 32px;
    color: #0c0d24;
    font-weight: 500;
    padding-left: 37px;
    position: relative;
}
.postPagination a span{
    display: block;
    font-size: 16px;
    font-weight: 400;
    opacity: .8;
    line-height: .8;
    text-transform: uppercase;
    margin: 0 0 13px;
}
.postPagination a i{
    position: absolute;
    left: 0;
    bottom: 19px;
    font-size: 25px;
}
.postPagination a.prev{
    padding-right: 20px;
}
.postPagination a.next{
    text-align: right;
    padding-left: 20px;
    padding-right: 37px;
}
.postPagination a.next i{
    left: auto;
    right: 0;
}
.postPagination a:hover{
    color: var(--theme-color);
}
.comment_area {
    position: relative;
}
.sic_comments {
    position: relative;
    margin: 0 0 57px;
}
.sic_comments > .sicc_title, .productCommentForm .sicc_title{
    margin-bottom: 30px;
}
.sicc_list {
    margin: 0;
    padding: 0;
}
.sicc_list li {
    list-style: none;
    position: relative;
}
.sicc_list li .children{
    margin: 0 0 0 60px;
    padding: 0;
}
.single_comment {
    position: relative;
    border: 1px solid #e0e0e0;
    padding: 32px 35px 30px 174px;
    margin: 0 0 30px;
    border-radius: 0;
}
.single_comment > img {
    width: 103px;
    height: 103px;
    position: absolute;
    left: 46px;
    top: 35px;
}
.single_comment .cm_author {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
}
.single_comment .cm_author a {
    color: inherit;
}
.single_comment .cm_author a:hover{
    color: var(--theme-color);
}
.single_comment .cm_date {
    display: block;
    font-size: 13px;
    color: var(--theme-color);
    line-height: .8;
    margin: 0 0 17px;
}
.sc_content {
    margin: 0 0 18px;
}
.sc_content p{
    font-size: 18px;
    line-height: 28px;
}
.sc_content > p:last-of-type {
    margin: 0;
}
.single_comment .star-rating{
    position: relative;
    top: 0;
}
.comment-reply-link {
    font-size: 16px;
    color: #03030f;
    display: inline-block;
    line-height: .8;
}
.comment-reply-link i {
    margin-right: 10px;
}
.comment-reply-link:hover{
    color: var(--theme-color);
}
.commentForm{
    position: relative;
}
.sicc_title {
    font-size: 28px;
    color: #0c0d24;
    line-height: .8;
    margin: 0 0 31px;
    font-weight: 600;
}
.commentForm input[type="email"], 
.commentForm input[type="text"], 
.commentForm input[type="url"], 
.commentForm input[type="tel"], 
.commentForm textarea {
    display: block;
    width: 100%;
    height: 55px;
    background: transparent;
    padding: 0;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    font-size: 16px;
    line-height: 55px;
    margin: 0 0 19px;
    color: #100c0b;
}
.commentForm textarea {
    height: 160px;
    line-height: 26px;
    padding-top: 12px;
    margin-bottom: 38px;
    resize: none;
}
.commentForm textarea::-moz-placeholder,
.commentForm input::-moz-placeholder{
    color: #100c0b;
    opacity: .6;
}
.commentForm textarea::-ms-input-placeholder,
.commentForm input::-ms-input-placeholder{
    color: #100c0b;
    opacity: .6;
}
.commentForm textarea::-webkit-input-placeholder,
.commentForm input::-webkit-input-placeholder{
    color: #100c0b;
    opacity: .6;
}
.commentForm .comment-form-cookies-consent {
    margin: 8px 0 30px;
}
.commentForm input[type="checkbox"] {
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none;
}
.commentForm input[type="checkbox"] ~ label {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    color: #100c0b;
    opacity: .6;
    cursor: pointer;
    display: block;
}
.commentForm input[type="checkbox"] ~ label:before {
    content: '';
    font-family: 'dgita-icon' !important;
    position: absolute;
    left: 0;
    top: 6px;
    background-color: transparent;
    border: 1px solid #e8e8f1;
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 9px;
    font-weight: 400;
}
.commentForm input[type="checkbox"]:checked ~ label:before {
    content: "\e901";
    color: var(--theme-color);
    border-color: var(--theme-color);
}
.commentForm .dgBtn{
    background: var(--theme-color);
    height: 50px;
    color: #fff;
    font-weight: 400;
    text-transform: none;
    line-height: 50px;
    padding: 0 28px;
    letter-spacing: 0;
}
.commentForm .dgBtn:after{
    visibility: hidden;
    opacity: 0;
    background: #03030f;
}
.commentForm .dgBtn:hover:after{
    visibility: visible;
    opacity: 1;
}
.product_comment_form .dgBtn_two{
    margin-top: 30px;
}


/*------------------------------------------------------
/ 10. Contact Page
/------------------------------------------------------*/
.conFormWrapper{
    position: relative;
    background: #fff;
    padding: 59px 45px 85px;
}
.conFormWrapper h2{
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 8px;
}
.conFormWrapper p{
    line-height: 34px;
    margin-bottom: 55px;
}
.contact_form{
    position: relative;
}
.contact_form input[type="email"], 
.contact_form input[type="text"], 
.contact_form input[type="url"], 
.contact_form input[type="tel"], 
.contact_form input[type="number"], 
.contact_form textarea {
    display: block;
    width: 100%;
    height: 60px;
    background: transparent;
    padding: 0;
    border: none;
    border-bottom: 1px solid #b9b9b9;
    border-radius: 0;
    font-size: 16px;
    line-height: 60px;
    margin: 0 0 20px;
    color: #181818;
}
.contact_form textarea {
    height: 132px;
    line-height: 26px;
    padding-top: 27px;
    margin-bottom: 40px;
    resize: none;
}
.contact_form textarea::-moz-placeholder,
.contact_form input::-moz-placeholder{
    color: #181818;
    opacity: .7;
}
.contact_form textarea::-ms-input-placeholder,
.contact_form input::-ms-input-placeholder{
    color: #181818;
    opacity: .7;
}
.contact_form textarea::-webkit-input-placeholder,
.contact_form input::-webkit-input-placeholder{
    color: #181818;
    opacity: .7;
}
.contact_form input[type="checkbox"] {
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none;
}
.contact_form input[type="checkbox"] ~ label {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    color: #100c0b;
    opacity: .6;
    cursor: pointer;
    display: block;
}
.contact_form input[type="checkbox"] ~ label:before {
    content: '';
    font-family: 'dgita-icon' !important;
    position: absolute;
    left: 0;
    top: 6px;
    background-color: transparent;
    border: 1px solid #e8e8f1;
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 9px;
    font-weight: 400;
}
.contact_form input[type="checkbox"]:checked ~ label:before {
    content: "\e901";
    color: var(--theme-color);
    border-color: var(--theme-color);
}
.contact_form .dgBtn{
    background: var(--theme-color);
    height: 50px;
    color: #fff;
    font-weight: 400;
    text-transform: none;
    line-height: 50px;
    padding: 0 28px;
    letter-spacing: 0;
}
.contact_form .dgBtn:after{
    visibility: hidden;
    opacity: 0;
    background: #03030f;
}
.contact_form .dgBtn:hover:after{
    visibility: visible;
    opacity: 1;
}
.contact_form input.reqError,
.contact_form .reqError{
    border-color: #f00;
}
.con_message{
    display: block;
    width: 100%;
    display: none;
    font-size: 18px;
    padding: 15px;
    border-radius: 0;
    border-width: 2px;
    margin: 15px 0 0;
}
.conFormWrapper h3{
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    color: #000108;
    margin-bottom: 43px;
}
.contactInfo{
    position: relative;
    background: #fdf2e9;
    padding: 30px 20px 43px 105px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.contactInfo:last-child{
    background: #f3fafc;
}
.contactInfo img{
    max-height: 52px;
    width: auto;
    max-width: 52px;
    position: absolute;
    left: 30px;
    top: 35px;
}
.contactInfo h4{
    font-size: 22px;
    color: #000108;
    line-height: 42px;
    font-weight: 500;
    font-family: inherit;
    margin-bottom: 8px;
}
.contactInfo p{
    font-size: 18px;
    color: #03030f;
    line-height: 30px;
    margin: 0;
}

/* Modern Contact Form Styles */
.contact-section {
    background: #fff;
    padding: 80px 0;
}

.contact-header {
    text-align: center;
    margin-bottom: 60px;
}

.contact-header h2 {
    font-size: 48px;
    line-height: 60px;
    color: #03030f;
    margin-bottom: 15px;
    font-weight: 700;
}

.contact-header p {
    font-size: 22px;
    line-height: 34px;
    color: rgba(3, 3, 15, .8);
    margin-bottom: 0;
}

.contact-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
}

.contact-card {
    background: #fff;
    padding: 40px 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(3, 3, 15, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #f5f5f5;
}

.contact-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 60px rgba(3, 3, 15, 0.12);
}

.contact-card-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.contact-card-icon svg {
    width: 28px;
    height: 28px;
    fill: #fff;
}

.contact-card h3 {
    font-size: 22px;
    font-weight: 600;
    color: #03030f;
    margin-bottom: 15px;
    line-height: 1.4;
}

.contact-card p {
    font-size: 16px;
    line-height: 24px;
    color: rgba(3, 3, 15, .7);
    margin-bottom: 20px;
}

.contact-card a {
    color: var(--theme-color);
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.contact-card a:hover {
    color: #ff5722;
}

.contact-form-wrapper {
    background: #fff;
    padding: 60px 45px;
    border-radius: 15px;
    box-shadow: 0 15px 50px rgba(3, 3, 15, 0.1);
    border: 1px solid #f0f0f0;
}

.contact-form-wrapper h3 {
    font-size: 32px;
    font-weight: 600;
    color: #03030f;
    margin-bottom: 15px;
    text-align: center;
}

.contact-form-wrapper .form-subtitle {
    font-size: 18px;
    line-height: 28px;
    color: rgba(3, 3, 15, .7);
    text-align: center;
    margin-bottom: 40px;
}

.modern-form {
    position: relative;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 25px;
}

.form-group {
    position: relative;
}

.form-group.full-width {
    grid-column: 1 / -1;
}

.form-input,
.form-select,
.form-textarea {
    width: 100%;
    height: 55px;
    background: #fff;
    border: 2px solid #e8e8f1;
    border-radius: 8px;
    padding: 0 18px;
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
    color: #03030f;
    transition: all 0.3s ease;
    outline: none;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
    border-color: var(--theme-color);
    box-shadow: 0 0 0 4px rgba(17, 25, 74, 0.1);
}

.form-input::placeholder,
.form-textarea::placeholder {
    color: rgba(3, 3, 15, .5);
    font-size: 16px;
}

.form-textarea {
    height: 120px;
    padding: 18px;
    resize: vertical;
    line-height: 24px;
    font-family: 'Rubik', sans-serif;
}

.form-select {
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23666' d='M6 8L0 2 1.4 0.6 6 5.2 10.6 0.6 12 2z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.submit-btn {
    height: 67px;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    padding: 0 46px;
    font-size: 17px;
    font-weight: 500;
    line-height: 67px;
    border-radius: 3px;
    color: #fff;
    letter-spacing: .42px;
    background: #ff5722;
    position: relative;
    z-index: 2;
    overflow: hidden;
    border: none;
    outline: none;
    cursor: pointer;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.submit-btn::after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    left: auto;
    z-index: -1;
    border-radius: 50px;
    left: -25px;
    top: -11px;
    background: #e84e1c;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

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

.submit-btn:hover:after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 3px;
}

/* Social Media Icons */
.social-modern {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    margin-top: 30px;
}

.social-modern a {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.social-modern a:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
    transform: translateY(-3px);
}

.social-modern a svg {
    width: 20px;
    height: 20px;
    fill: #666;
    transition: fill 0.3s ease;
}

.social-modern a:hover svg {
    fill: #fff;
}

/* About Section Styles */
.aboutSection02 {
    background: #fff;
    padding: 100px 0;
    position: relative;
}

/* Currency Switcher Styles */
.currency-switcher {
    margin: 20px 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.currency-toggle {
    display: inline-flex;
    align-items: center;
    background: #FF5722;
    border-radius: 20px;
    padding: 3px;
    position: relative;
    box-shadow: 0 3px 10px rgba(255, 87, 34, 0.2);
    overflow: hidden;
    height: 36px;
}

.currency-toggle::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(50% - 3px);
    height: 30px;
    background: white;
    border-radius: 17px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.currency-toggle input[type="radio"] {
    display: none;
}

.currency-toggle label {
    position: relative;
    z-index: 1;
    padding: 0 15px;
    cursor: pointer;
    border-radius: 20px;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 11px;
    min-width: 40px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    line-height: 1;
    margin-bottom: 0 !important;
}

.currency-toggle input[type="radio"]:checked + label {
    color: #11194a;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.currency-toggle input[type="radio"]:not(:checked) + label:hover {
    color: rgba(255, 255, 255, 0.9);
}

.currency-toggle input#usd:checked ~ label:first-of-type {
    color: rgba(255, 255, 255, 0.7);
}

.currency-toggle input#usd:checked + label {
    color: #11194a;
}

/* Move slider when USD is selected */
.currency-toggle:has(input#usd:checked)::before {
    transform: translateX(calc(100% + 0px));
}

/* Fallback for browsers without :has() support */
@supports not selector(:has(*)) {
    .currency-toggle input#usd:checked ~ label:first-of-type {
        color: rgba(255, 255, 255, 0.7);
    }
    
    .currency-toggle input#usd:checked + label {
        background: white;
        color: #11194a;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    }
    
    .currency-toggle input#ttd:checked + label {
        background: white;
        color: #11194a;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    }
}

/* Pricing Type Switcher */
.pricing-type-switcher {
    margin: 30px 0 50px;
}

.pricing-type-switcher .filter_menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    background: #f8f9fa;
    border-radius: 30px;
    padding: 5px;
}

.pricing-type-switcher .filter_menu li {
    display: inline-block;
    padding: 10px 25px;
    margin: 0;
    cursor: pointer;
    font-weight: 500;
    color: #666;
    border-radius: 25px;
    transition: all 0.3s ease;
    background: transparent;
}

.pricing-type-switcher .filter_menu li.active {
    background: var(--theme-color);
    color: #fff;
}

.pricing-type-switcher .filter_menu li:hover:not(.active) {
    color: var(--theme-color);
}

/* Pricing Section Styles */
.pricing-section {
    margin-bottom: 40px;
}

.pricing-category {
    font-size: 28px;
    font-weight: 600;
    color: var(--theme-color);
    margin-bottom: 15px;
}

.pricing-desc {
    font-size: 16px;
    color: #666;
    margin-bottom: 40px;
}

/* Contact Section Styles */
.contact-section {
    position: relative;
    padding: 140px 0 40px;
    background: url(../images/bg/5.png) no-repeat center center;
    background-color: #fff;
}

/* Modern Footer Styles */
.footer-modern {
    background: #fff8f3;
    position: relative;
    color: #03030f;
}

.footer-content {
    padding: 60px 0 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 0;
}

.footer-bottom {
    background: transparent;
    padding: 25px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.footer-bottom p {
    color: rgba(3, 3, 15, 0.6);
    margin: 0;
    font-size: 14px;
}

.footer-widget {
    margin-bottom: 40px;
}

.footer-logo {
    display: inline-block;
    margin-bottom: 25px;
}

.footer-logo img {
    max-height: 45px;
    width: auto;
    margin-left: -10px;
    filter: brightness(0) invert(1);
}

.footer-widget h4 {
    font-size: 22px;
    font-weight: 600;
    color: #ff5722;
    margin-bottom: 25px;
    line-height: 1.4;
}

.footer-widget p {
    font-size: 16px;
    line-height: 26px;
    color: rgba(3, 3, 15, .7);
    margin-bottom: 25px;
}

.footer-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-widget ul li {
    margin-bottom: 12px;
}

.footer-widget ul li a {
    font-size: 16px;
    color: rgba(3, 3, 15, .7);
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    position: relative;
}

.footer-widget ul li a:hover {
    color: #ff5722;
    padding-left: 8px;
}

.footer-widget ul li a::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 2px;
    background: #ff5722;
    transition: width 0.3s ease;
}

.footer-widget ul li a:hover::before {
    width: 15px;
}

/* Newsletter Form */
.newsletter-form {
    margin-top: 20px;
}

.newsletter-input {
    display: flex;
    background: #fff;
    border: 2px solid #e8e8f1;
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.3s ease;
}

.newsletter-input:focus-within {
    border-color: var(--theme-color);
    box-shadow: 0 0 0 4px rgba(17, 25, 74, 0.1);
}

.newsletter-input input {
    flex: 1;
    border: none;
    outline: none;
    padding: 15px 18px;
    font-size: 16px;
    color: #03030f;
    background: transparent;
}

.newsletter-input input::placeholder {
    color: rgba(3, 3, 15, .5);
}

.newsletter-input button {
    background: linear-gradient(135deg, var(--theme-color) 0%, #ff5722 100%);
    color: #fff;
    border: none;
    padding: 15px 25px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.newsletter-input button:hover {
    background: linear-gradient(135deg, #ff5722 0%, var(--theme-color) 100%);
    transform: translateY(-1px);
}

/* Footer Bottom */
.footer-bottom {
    padding: 25px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom p {
    margin: 0;
    font-size: 15px;
    color: rgba(255, 255, 255, .7);
}

.footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.footer-links li {
    margin-left: 25px;
}

.footer-links li a {
    font-size: 15px;
    color: rgba(3, 3, 15, .6);
    text-decoration: none;
    transition: color 0.3s ease;
}

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

/* Contact Divider */
.contact-divider {
    display: flex;
    align-items: center;
    margin: 50px 0;
    gap: 20px;
}

.divider-line {
    flex: 1;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
}

.divider-text {
    font-size: 16px;
    color: rgba(3, 3, 15, 0.7);
    white-space: nowrap;
    font-style: italic;
}

/* Footer Logo - Dark version for light background */
.footer-logo img {
    filter: none;
}

/* Contact Subtitle Enhancement */
.contact-subtitle {
    font-size: 14px !important;
    color: rgba(255, 255, 255, .6) !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .contact-header h2 {
        font-size: 36px;
        line-height: 45px;
    }
    
    .contact-header p {
        font-size: 18px;
        line-height: 28px;
    }
    
    .contact-cards {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 40px;
    }
    
    .contact-card {
        padding: 30px 20px;
    }
    
    .contact-form-wrapper {
        padding: 40px 25px;
        margin: 0 15px;
    }
    
    .contact-form-wrapper h3 {
        font-size: 28px;
    }
    
    .form-row {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-bottom: 20px;
    }
    
    .form-input,
    .form-select {
        height: 50px;
        padding: 0 15px;
        font-size: 15px;
    }
    
    .form-textarea {
        height: 100px;
        padding: 15px;
    }
    
    .submit-btn {
        height: 60px;
        line-height: 60px;
        padding: 0 35px;
        font-size: 16px;
    }
    
    .footer-content {
        padding: 40px 0 30px;
    }
    
    .footer-widget {
        margin-bottom: 35px;
        text-align: center;
    }
    
    .footer-logo {
        justify-content: center;
    }
    
    .footer-links {
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    
    .footer-links li {
        margin-left: 0;
        margin-right: 25px;
        margin-bottom: 10px;
    }
    
    .footer-bottom .text-right {
        text-align: left !important;
    }
    
    .contact-divider {
        margin: 40px 0;
        gap: 15px;
    }
    
    .divider-text {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .contact-section {
        padding: 60px 0;
    }
    
    .contact-header {
        margin-bottom: 40px;
    }
    
    .contact-header h2 {
        font-size: 30px;
        line-height: 38px;
    }
    
    .contact-card-icon {
        width: 50px;
        height: 50px;
    }
    
    .contact-card-icon svg {
        width: 24px;
        height: 24px;
    }
    
    .contact-card h3 {
        font-size: 20px;
    }
    
    .footer-content {
        padding: 30px 0 20px;
    }
    
    .footer-widget {
        text-align: center;
        margin-bottom: 30px;
    }
    
    .footer-widget h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .footer-links {
        justify-content: center;
        margin-top: 15px;
    }
    
    .newsletter-input {
        flex-direction: column;
    }
    
    .newsletter-input button {
        padding: 12px 20px;
        text-align: center;
    }
    
    .submit-btn {
        height: 55px;
        line-height: 55px;
        padding: 0 30px;
        font-size: 15px;
    }
    
    .contact-divider {
        margin: 30px 0;
        gap: 12px;
    }
    
    .divider-text {
        font-size: 13px;
    }
}

/*------------------------------------------------------
/ 11. Others
/------------------------------------------------------*/
.historyWrapper{
    position: relative;
}
.historyItem{
    position: relative;
    padding-top: 70px;
}
.historyThumb{
    position: relative;
    border: 8px solid #ffffff;
    margin-right: -35px;
}
.historyThumb img{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 3;
}
.historyThumb .animLayer{
    width: 89px;
    height: 59px;
    position: absolute;
    left: -30px;
    top: -25px;
    z-index: 1;
    -webkit-animation: rotated 9.0s infinite linear;
    animation: rotated 9.0s infinite linear;
}
.historyContent{
    position: relative;
    padding-left: 110px;
    margin: -7px 0 0;
}
.historyContent h3{
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 21px;
}
.historyContent p{
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 20px;
}
.historyContent p:last-child{
    margin: 0;
}
.bars{
    height: calc(100% + 32px);
    width: 6px;
    background: #eee3d4;
    position: absolute;
    left: -10px;
    right: 0;
    top: 10px;
    border-radius: 10px;
    margin: auto;
    text-align: center;
}
.hdots{
    position: absolute;
    left: 68px;
    top: 6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffcc9f;
    content: '';
    -webkit-animation: blinker2 3.0s infinite linear;
    animation: blinker2 3.0s infinite linear;
}
.hdots:before{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--theme-color);
    content: '';
}

/*--- Gallery Item ---*/
.cusCol{
    padding-left: 10px;
    padding-right: 10px;
}
.gallerItem{
    position: relative;
    overflow: hidden;
    background: var(--theme-color);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    margin: 0 0 20px
}
.gallerItem img{
    width: 100%;
    height: auto;
    display: block;
    opacity: 1;
    mix-blend-mode: unset;
    transition: all ease 750ms;
    -moz-transition: all ease 750ms;
    -webkit-transition: all ease 750ms;
}
.gallerItem:hover img{
    opacity: .95;
    mix-blend-mode:luminosity;
    transform: scale(1.2) rotate(-3deg);
    -moz-transform: scale(1.2) rotate(-3deg);
    -webkit-transform: scale(1.2) rotate(-3deg);
}
.galleryItem_btn{
    position: absolute;
    height: 45px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.galleryItem_btn a{
    width: 45px;
    height: 45px;
    background: #FFF;
    font-size: 16px;
    text-align: center;
    color: var(--theme-color);
    padding: 14px 0;
    line-height: .8;
    margin: 0 3px;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
}
.galleryItem_btn a:hover{
    background: var(--theme-color);
    color: #FFF;
}
.galleryItem_btn a:nth-child(01){
    -webkit-transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    -moz-transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    -ms-transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    -o-transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    transition: transform 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;

    transform: translate3d(0, 90px, 0);
    -moz-transform: translate3d(0, 90px, 0);
    -webkit-transform: translate3d(0, 90px, 0);
    -ms-transform: translate3d(0, 90px, 0);
    -o-transform: translate3d(0, 90px, 0);
}
.galleryItem_btn a:nth-child(02){
    -webkit-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    -moz-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    -ms-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    -o-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;
    transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms;

    transform: translate3d(0, 90px, 0);
    -moz-transform: translate3d(0, 90px, 0);
    -webkit-transform: translate3d(0, 90px, 0);
    -ms-transform: translate3d(0, 90px, 0);
    -o-transform: translate3d(0, 90px, 0);
}
.gallerItem:hover .galleryItem_btn a:nth-child(01),
.gallerItem:hover .galleryItem_btn a:nth-child(02){
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.pricingTable{
    position: relative;
    background: #edfbfd;
    padding: 40px 30px 40px;
    margin: 0 0 40px;
    z-index: 2;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.pricingTable:hover {
    -webkit-box-shadow: 0px 15px 30px 0px rgb(205 207 214 / 55%);
    -moz-box-shadow: 0px 15px 30px 0px rgba(205, 207, 214, 0.55);
    box-shadow: 0px 15px 30px 0px rgb(205 207 214 / 55%);
}
.pricingImg{
    position: relative;
    min-height: 222px;
    margin: 0 0 35px;
}
.pricingImg img{
    width: auto;
    max-width: 75% !important;
    height: auto;
}
.pricingTable h2{
    color: #03030f;
    font-size: 48px;
    line-height: 1;
    margin: 0 0 36px;
    position: relative;
    text-align: center;
    font-weight: 700;
}

/* Override any existing span styles with high specificity */
.pricingTable h2 span.currency-symbol {
    font-size: 24px !important;
    font-weight: 500 !important;
    position: static !important;
    margin: 0 5px 0 0 !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    display: inline !important;
}

.pricingTable h2 span.price-amount {
    font-size: 48px !important;
    font-weight: 700 !important;
    position: static !important;
    margin: 0 !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    display: inline !important;
}

/* Keep existing last-child behavior for any other spans */
.pricingTable h2 span:last-child:not(.price-amount){
    font-size: 16px;
    font-weight: 600;
    margin-left: 7px;
    position: absolute;
    bottom: 4px;
}

/* Package Description Styling */
.pricingTable .package-description {
    font-size: 14px;
    font-style: italic;
    color: #888;
    font-weight: 300;
    margin: 10px 0 25px 0;
    line-height: 1.3;
}
.pricingTable h3{
    font-weight: 500;
    font-size: 16px;
    line-height: .8;
    color: #11194a;
    text-transform: uppercase;
    margin: 0 0 16px;
}
.pricingTable ul{
    list-style: none;
    margin: 0 0 51px;
    padding: 0;
    flex-grow: 1;
}
.pricingTable ul li{
    list-style: none;
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 13px;
}
.pricingTable ul li.disabled{
    color: rgba(3, 3, 15, .35);
    text-decoration: line-through;
}

/* Popular Tag */
.popular-tag {
    position: absolute;
    top: 15px;
    left: 15px;
    background: var(--theme-color);
    color: white;
    padding: 6px 12px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(255, 87, 34, 0.3);
}

/* Pricing Cards Equal Height - Target only pricing card containers */
.pricing-section .row:first-child {
    display: flex;
    flex-wrap: wrap;
}

.pricing-section .row:first-child .col-lg-4,
.pricing-section .row:first-child .col-md-6 {
    display: flex;
    margin-bottom: 30px;
}

.pricing-section .row:first-child .pricingTable {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Why Choose Static - Compact Version */
.why-static-compact {
    background: linear-gradient(135deg, #f8fafb 0%, #e8f1f5 100%);
    border: 1px solid rgba(17, 25, 74, 0.1);
    border-radius: 12px;
    padding: 30px;
    margin-top: 40px;
}

/* Two-column layout for compact list - mobile only */
.compact-list-columns {
    display: block;
}

.compact-list-columns .compact-list {
    margin: 0;
    padding: 0;
}

@media (max-width: 767px) {
    .compact-list-columns {
        display: flex;
        gap: 15px;
    }
    
    .compact-list-columns .compact-list {
        flex: 1;
    }
}

/* Payment Plans Tag Styling */
.pricing-tag {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.payment-plans-tag {
    background: #e9ecef;
    color: #495057;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 6px rgba(233, 236, 239, 0.3);
    border: 1px solid rgba(108, 117, 125, 0.2);
    transition: all 0.3s ease;
}

.payment-plans-tag:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(233, 236, 239, 0.4);
}

/* Payment Info Button */
.payment-info-btn {
    background: #ff5722;
    border: 1px solid #ff7043;
    margin-left: 6px;
    padding: 4px;
    cursor: pointer;
    color: white;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.payment-info-btn:hover {
    transform: scale(1.15);
    background: #ff7043;
    border-color: #ff8a65;
    box-shadow: 0 2px 8px rgba(255, 87, 34, 0.3);
}

.payment-info-btn .info-icon {
    width: 12px;
    height: 12px;
    stroke: currentColor;
    stroke-width: 2.5;
}

/* Payment Modal Styles */
.payment-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 20px;
}

.modal-content {
    background: white;
    border-radius: 12px;
    max-width: 500px;
    width: 100%;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: modalSlideIn 0.3s ease-out;
    max-height: 90vh;
    overflow-y: auto;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translateY(-50px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal-header {
    padding: 25px 25px 15px 25px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.modal-header h3 {
    margin: 0;
    color: #11194a;
    font-size: 22px;
    font-weight: 600;
}

.close-modal {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    font-size: 24px;
    color: #999;
    cursor: pointer;
    padding: 5px;
    line-height: 1;
    transition: color 0.3s ease;
}

.close-modal:hover {
    color: #333;
}

.modal-body {
    padding: 25px;
}

.payment-option {
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.payment-option:hover {
    border-color: #ff5722;
    box-shadow: 0 4px 12px rgba(255, 87, 34, 0.1);
}

.payment-option h4 {
    color: #11194a;
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: 600;
}

.payment-option .price {
    font-size: 24px;
    font-weight: bold;
    color: #ff5722;
    margin-bottom: 10px;
}

.payment-option ul {
    margin: 10px 0;
    padding-left: 20px;
}

.payment-option li {
    margin-bottom: 5px;
    color: #666;
}

.payment-example {
    background: linear-gradient(135deg, #11194a, #1a237e);
    color: white;
    border-radius: 12px;
    padding: 25px;
    margin-top: 25px;
    box-shadow: 0 8px 25px rgba(17, 25, 74, 0.3);
}

.example-header {
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.example-icon {
    font-size: 24px;
    display: block;
    margin-bottom: 10px;
}

.example-header h5 {
    color: white;
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: 600;
}

.total-price {
    color: #ff7043;
    font-size: 16px;
    margin-top: 8px;
}

.example-breakdown {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.breakdown-row {
    display: flex;
    justify-content: center;
}

.breakdown-item {
    text-align: center;
    padding: 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    flex: 1;
    max-width: 300px;
}

.breakdown-label {
    font-size: 14px;
    opacity: 0.9;
    margin-bottom: 8px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.breakdown-detail {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 6px;
    color: #ff7043;
}

.breakdown-subtitle {
    font-size: 12px;
    opacity: 0.7;
    font-style: italic;
}

.breakdown-divider {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ff7043;
    margin: 5px 0;
}

/* Legacy selectors for compatibility */
.payment-breakdown {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.breakdown-item .label {
    font-size: 12px;
    opacity: 0.8;
    margin-bottom: 5px;
}

.breakdown-item .amount {
    font-size: 18px;
    font-weight: bold;
}

.modal-footer {
    padding: 15px 25px 25px 25px;
    text-align: center;
}

.modal-footer p {
    color: #666;
    margin: 0;
    font-size: 14px;
}

/* CTA Section Styling */
.cta-section {
    margin-top: 30px;
    padding: 25px;
    background: #f8f9fa;
    border-radius: 10px;
    text-align: center;
}

.cta-text {
    margin-bottom: 20px;
}

.cta-text p {
    margin: 0 0 8px 0;
    color: #333;
}

.cta-subtitle {
    color: #666 !important;
    font-size: 14px;
}

.cta-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.modal-cta-btn {
    padding: 12px 30px;
    border-radius: 25px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    cursor: pointer;
}

.modal-cta-btn.primary {
    background: linear-gradient(135deg, #ff5722, #ff7043);
    color: white;
    border-color: #ff5722;
}

.modal-cta-btn.primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(255, 87, 34, 0.4);
    color: white;
    text-decoration: none;
}

.modal-cta-btn.secondary {
    background: transparent;
    color: #666;
    border-color: #ddd;
}

.modal-cta-btn.secondary:hover {
    background: #f0f0f0;
    border-color: #ccc;
    color: #333;
}

/* Responsive Modal */
@media (max-width: 768px) {
    .modal-content {
        margin: 10px;
        max-width: none;
    }
    
    .modal-header,
    .modal-body,
    .modal-footer {
        padding: 20px 15px;
    }
    
    .payment-breakdown,
    .example-breakdown {
        flex-direction: column;
        gap: 10px;
    }
    
    .cta-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .modal-cta-btn {
        width: 100%;
        max-width: 250px;
    }
    
    .breakdown-item {
        max-width: none;
    }
    
    .example-header h5 {
        font-size: 18px;
    }
    
    .breakdown-detail {
        font-size: 18px;
    }
}

/* Addons Section Styles */
.addons-section {
    padding: 90px 0;
    background: #f8f9fa;
    position: relative;
}

.addons-wrapper {
    margin-top: 1px;
}

.addon-category {
    background: white;
    border-radius: 12px;
    padding: 35px;
    margin-bottom: 30px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    height: 100%;
}

.category-title {
    font-size: 24px;
    font-weight: 600;
    color: #11194a;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e9ecef;
    display: flex;
    align-items: center;
    gap: 10px;
}

.category-title i {
    color: #ff5722;
    font-size: 28px;
}

.addon-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.addon-item {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
}

.addon-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-color: #ff5722;
}

.addon-item i {
    font-size: 24px;
    color: #ff5722;
    margin-bottom: 10px;
    display: block;
}

.addon-item h4 {
    font-size: 18px;
    font-weight: 600;
    color: #11194a;
    margin-bottom: 8px;
}

.addon-item p {
    font-size: 14px;
    color: #666;
    margin: 0;
    line-height: 1.6;
}

.ecommerce-addons .category-title {
    border-bottom-color: #ff5722;
}

.ecommerce-addons .addon-item {
    background: #fff5f3;
    border-color: #ffe0d9;
}

.addon-cta {
    margin-top: 60px;
    padding: 40px;
    background: linear-gradient(135deg, #11194a, #1a237e);
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(17, 25, 74, 0.3);
}

.addon-cta p {
    color: white;
    font-size: 18px;
    margin-bottom: 25px;
}

.addon-cta .dgBtn {
    height: 67px !important;
    line-height: 67px !important;
    padding: 0 46px !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.42px !important;
    background: #ff5722 !important;
    color: white !important;
    display: inline-block;
    text-decoration: none;
    border-radius: 3px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: all 0.4s ease;
}

.addon-cta .dgBtn::after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    left: -25px;
    top: -11px;
    z-index: -1;
    border-radius: 50px;
    background: #e84e1c;
    transition: all 0.4s ease;
}

.addon-cta .dgBtn:hover {
    background: #ff5722 !important;
    color: white !important;
    text-decoration: none;
    transform: translateY(-2px);
}

.addon-cta .dgBtn:hover::after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 3px;
}

.addon-cta .dgBtn i {
    display: inline-block;
    margin-left: 13px;
    position: relative;
    top: 1px;
    transition: transform 0.3s ease;
}

.addon-cta .dgBtn:hover i {
    transform: translateX(5px);
}

/* Responsive Addons Section */
@media (max-width: 991px) {
    .addons-section {
        padding: 60px 0;
    }
    
    .addon-category {
        padding: 25px;
        margin-bottom: 20px;
    }
    
    .category-title {
        font-size: 20px;
    }
    
    .addon-item h4 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .addon-grid {
        gap: 15px;
    }
    
    .addon-item {
        padding: 15px;
    }
    
    .addon-cta {
        padding: 30px 20px;
    }
    
    .addon-cta p {
        font-size: 16px;
    }
}

/* Revolution Slider Mobile Optimizations */
@media (max-width: 991px) {
    .slider_02 {
        min-height: 80vh !important;
    }
    
    .rev_slider_wrapper {
        min-height: 80vh !important;
        max-height: 80vh !important;
    }
    
    .rev_slider {
        min-height: 80vh !important;
        max-height: 80vh !important;
    }
    
    /* Optimize slider text for tablets - let Revolution Slider handle positioning */
    .tp-caption {
        /* Remove conflicting positioning - let Revolution Slider data-x="center" work */
        width: auto !important;
        max-width: none !important;
        /* Keep symmetric padding only */
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 767px) {
    .slider_02 {
        min-height: 70vh !important;
    }
    
    .rev_slider_wrapper {
        min-height: 70vh !important;
        max-height: 70vh !important;
    }
    
    .rev_slider {
        min-height: 70vh !important;
        max-height: 70vh !important;
    }
    
    /* Mobile text optimizations */
    .tp-caption {
        padding-left: 15px !important;
        padding-right: 15px !important;
        /* Let Revolution Slider handle width and positioning */
        width: auto !important;
    }
    
    /* Make buttons more touch-friendly */
    .tp-caption .dgBtn {
        padding: 15px 25px !important;
        font-size: 16px !important;
        min-height: 48px !important;
        display: inline-block !important;
        line-height: 1.2 !important;
    }
}

@media (max-width: 480px) {
    .slider_02 {
        min-height: 60vh !important;
    }
    
    .rev_slider_wrapper {
        min-height: 60vh !important;
        max-height: 60vh !important;
    }
    
    .rev_slider {
        min-height: 60vh !important;
        max-height: 60vh !important;
    }
    
    /* Extra small mobile adjustments */
    .tp-caption .dgBtn {
        padding: 12px 20px !important;
        font-size: 15px !important;
        min-height: 44px !important;
    }
}

.compact-title {
    font-size: 24px;
    font-weight: 600;
    color: #11194a;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
}

.compact-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 3px;
    background: #ff5722;
    border-radius: 2px;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 20px;
}

.benefit-compact {
    display: flex;
    align-items: center;
    padding: 15px;
    background: white;
    border-radius: 8px;
    border-left: 3px solid #ff5722;
    transition: all 0.2s ease;
}

.benefit-compact:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(255, 87, 34, 0.1);
}

.benefit-compact .benefit-icon {
    font-size: 20px;
    margin-right: 12px;
    flex-shrink: 0;
}

.benefit-text {
    display: flex;
    flex-direction: column;
}

.benefit-text strong {
    font-size: 14px;
    font-weight: 600;
    color: #11194a;
    line-height: 1.2;
}

.benefit-text span {
    font-size: 12px;
    color: #666;
    line-height: 1.3;
}

.all-plans-compact {
    background: #11194a;
    padding: 25px 20px;
    border-radius: 8px;
    height: fit-content;
}

.all-plans-compact h5 {
    font-size: 16px;
    font-weight: 600;
    color: white;
    margin-bottom: 15px;
    text-align: center;
}

.compact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.compact-list li {
    color: white;
    font-size: 13px;
    margin-bottom: 8px;
    line-height: 1.4;
}

.compact-list li:last-child {
    margin-bottom: 0;
}

/* Responsive Design */
@media (max-width: 992px) {
    .benefits-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .all-plans-compact {
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .why-static-compact {
        padding: 20px;
        margin-top: 30px;
    }
    
    .compact-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .benefit-compact {
        padding: 12px;
    }
    
    .benefit-compact .benefit-icon {
        font-size: 18px;
        margin-right: 10px;
    }
    
    .benefit-text strong {
        font-size: 13px;
    }
    
    .benefit-text span {
        font-size: 11px;
    }
    
    .all-plans-compact {
        padding: 20px 15px;
    }
}

/*--- Others ---*/
/*------------------------------------------------------
/ 12. Shop Page
/------------------------------------------------------*/
.shopPageSection{
    position: relative;
    padding: 120px 0;
}
.woocommerce-result-count{
    margin: 0 0 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}
.woocommerce-ordering {
    margin: 0;
}
.woocommerce-ordering select {
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    font-family: rubik,sans-serif;
    color: rgba(3,3,15,.8);
    border: none;
    padding: 0 15px;
    appearance: none;
    -moz-appearance: none;
    background: url(../images/select.png) no-repeat center right;
}
.shop_sort_count_row{
    margin-bottom: 15px;
}
.loop_product{
    position: relative;
    display: block;
    margin: 0 0 28px;
}
.lp_thumb{
    position: relative;
    overflow: hidden;
}
.lp_thumb img{
    width: 100%;
    height: auto;
}
.lp_details{
    position: relative;
    padding: 30px 0 0;
}
.lp_cate{
    font-size: 16px;
    color: var(--theme-color);
    margin: 0 0 2px;
}
.lp_cate a{
    color: inherit;
}
.lp_cate a:hover{
    color: #03030f;
}
.lp_details h4 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin: 0 0 8px;
}
.lp_details h4 a{
    color: inherit;
}
.lp_details h4 a:hover{
    color: var(--theme-color);
}
.star-rating{
    margin: 0;
    position: absolute;
    right: 0;
    top: 40px;
    float: none;
    width: 69px;
    height: 13px;
    background: url(../images/rating_1.png) no-repeat left center;
}
.loop_price{
    display: flex;
    font-size: 14px;
    font-weight: 600;
}
.loop_price del{
    opacity: .45;
    margin-right: 5px;
}
.loop_price ins{
    text-decoration: none;
}
.lp_thumb_hover{
    position: absolute;
    left: 30px;
    bottom: 30px;
    display: flex;
    justify-content: flex-start;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .lp_thumb_hover a{
    height: 67px;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    justify-content: center;
    padding: 0 46px;
    font-size: 17px;
    font-weight: 500;
    line-height: 67px;
    border-radius: 3px;
    color: #03030f;
    letter-spacing: .42px;
    background: #ff5722;
    position: relative;
    z-index: 2;
    overflow: hidden;
    border: none;
    outline: none;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .lp_thumb_hover a:hover{
    background: #e84e1c;
    color: #03030f;
}
.lp_thumb_hover a.button, .lp_thumb_hover a{
    width: 55px;
    height: 55px;
    padding: 0 5px;
    color: #FFF;
    margin-right: 5px;
    opacity: 0;
    visibility: hidden;
}
.lp_thumb_hover a.button.loading, .lp_thumb_hover a.loading{
    opacity: 1;
    padding: 0 5px;
}
.lp_thumb_hover a.button.loading i, .lp_thumb_hover a.loading i,
.lp_thumb_hover a.button.added i, .lp_thumb_hover a.added i{
    display: none;
}
.woocommerce a.button.added::after{
    margin-left: 0;
}
.lp_thumb_hover a.button.loading:after, .lp_thumb_hover a.loading:after{
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
}
.lp_thumb_hover a.added_to_cart{
    color: transparent;
    padding: 0;
    position: relative;
    display: inline-flex;
    justify-content: center;
}
.lp_thumb_hover a.added_to_cart:after {
    content: "\f625";
    font-family: 'themewar';
    color: #FFF;
    width: 100%;
    height: 100%;
    line-height: 55px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;

    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.lp_thumb_hover a.added_to_cart:hover:after{
    color: #03030f;
}
.lp_thumb_hover a:nth-child(01){
    -webkit-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.lp_thumb_hover a:nth-child(02){
    -webkit-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.lp_thumb_hover a:nth-child(03){
    -webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.loop_product:hover .lp_thumb_hover a:nth-child(01), .loop_product:hover .lp_thumb_hover a:nth-child(02), .loop_product:hover .lp_thumb_hover a:nth-child(03) {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.pt_labels{
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
    line-height: 20px;
    text-align: right;
}
.pt_labels span{
    background: #FF834F;
    color: #FFF;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .45px;
    font-weight: 500;
    line-height: 18px;
    padding: 4px 10px;
    margin: 0 0 5px;
}
.pt_labels span.hot, .pt_labels span.pt_featured{
    background: #37bf4e;
}
.pt_labels span.pt_limited{
    background: #03030f;
}
.pt_labels span.pt_outofStock{
    background: #db2b2b;
}
.pt_labels span.bestseller{
    background: #7635f5;
}
.pt_labels span.justin{
    background: #822bdb;
}
.sidebar .widget_product_categories ul li{
    text-align: right;
    width: 100%;
    display: inline-block;
    color: #03030f;
}
.sidebar .widget_product_categories ul li a{
    float: left;
}
.sidebar .widget_product_categories ul ul {
    margin-bottom: -10px;
    padding-top: 11px;
}
.sidebar ul .children li:last-child, .sidebar ul .children li {
    border-top: 1px solid #efeded;
    padding: 11px 0;
    border-bottom: none;
}
.sidebar .widget_product_search .widget_title{
    border: none;
}
#slider-range{
    width: 100%;
    height: 6px;
    background: #e7e7ee;
    position: relative;
    border-radius: 3px;
    margin: 0 0 30px;
}
#slider-range .ui-slider-range {
    background: var(--theme-color);
    height: 100%;
    top: 0;
    position: absolute;
    border-radius: 0px;
}
#slider-range .ui-slider-handle {
    background: var(--theme-color);
    border: none;
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: -5px;
    cursor: pointer;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
}
#slider-range .ui-slider-handle:focus{
    outline: 0;
    box-shadow: none;
}
.price_wrap{
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}
.price_wrap label{
    margin: 0 0 0 auto;
}
.price_wrap p{
    margin: 0;
    padding: 0;
}
.woocommerce .price_slider_wrapper .button {
    height: 35px;
    padding: 0 15px;
    font-size: 12px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.shop_details_page_section{
    position: relative;
    padding: 140px 0;
}
.product_gallery{
    position: relative;
}
.gallery_sliders{
    margin: 0 0 10px;
}
.product_gallery .lSPager li img{
    width: 100%;
    height: auto;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}
.product_gallery .lSPager li.active, .product_gallery .lSPager li:hover{
    border-radius: 0 !important;
}
.product_gallery .lSPager li.active img, .product_gallery .lSPager li:hover img{
    opacity: .6;
    border-radius: 0 !important;
}
.product_gallery.thumbpos_2 .lSSlideOuter .lSPager.lSGallery li{
    padding-left: 5px;
}
.pg_item {
    position: relative;
    overflow: hidden;
}
.pg_item img {
    width: 100%;
    height: auto;
}
.product_details{
    position: relative;
    padding: 65px 0 0 90px;
}
.pd_cates{
    font-size: 16px;
    margin: 0 0 3px;
}
.pd_cates a{
    color: inherit;
}
.pd_cates a:hover{
    color: var(--theme-color);
}
.product_details h3{
    font-size: 36px;
    line-height: 1;
    font-weight: 600;
    margin: 0 0 15px;
}
.pd_price{
    margin: 0 0 34px;
}
.pd_price.pd_price_no_rating{
    margin-bottom: 20px;
}
.product_details .pd_price p.price{
    font-size: 24px;
    line-height: 1;
    color: #03030f;
    font-weight: inherit;
    font-weight: 500;
}
.product_details .pd_price p.price del{
    font-weight: 400;
    margin-right: 5px;
}
.product_details .pd_price p.price ins{
    text-decoration: none;
    font-weight: 500;
}
.woocommerce-product-rating{
    display: flex;
    line-height: 30px;
    margin: 0 0 34px;
}
.woocommerce-product-rating .star-rating{
    position: relative;
    top: 9px;
    margin-right: 10px;
}
.woocommerce-product-rating a {
    color: rgba(3,3,15,.8);
    font-size: 16px;
}
.woocommerce-product-rating a:hover {
    color: var(--theme-color);
}
.pd_button_area{
    position: relative;
    display: flex;
    margin: 0 0 20px;
}
.pd_button_area .quantity{
    height: 67px;
    width: 100px;
    margin: 0;
    margin: 0 6px 0 0;
    padding: 0;
    position: relative;
}
.pd_button_area .quantity .qty{
    border: 1px solid #efeded;
    height: 67px;
    padding: 0 25px;
    margin: 0;
    text-align: center;
    width: 100%;
    font-size: 16px;
    border-radius: 3px;
}
.minus{
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 5px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.plus{
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 5px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.minus:hover, .plus:hover{
    color: var(--theme-color);
}
.quantity input[type="number"] {
    -moz-appearance: textfield !important;
}
.product_details 

.pd_excrpt{
    font-size: 16px;
    line-height: 25.6px;
    margin: 0 0 44px;
}
.pd_excrpt p{
    margin-bottom: 15px;
}
.pd_excrpt p:last-of-type{
    margin-bottom: 0;
}
.productMetas{
    margin: 30px 0 0;
    border-top: 1px solid #efeded;
    padding: 30px 0 0;
}
.productMeta{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 1;
    font-size: 16px;
    margin: 0 0 12px;
}
.productMeta span{
    font-size: 16px;
    color: #03030f;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 15px 0 0;
}
.productMeta a{
    color: inherit;
}
.productMeta.tagese a{
    margin: 0 5px 0;
    text-transform: capitalize;
}
.productMeta.tagese a:first-child{
    margin-left: 0;
}
.productMeta a:hover{
    color: var(--theme-color);
}


.product_details_tab {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
}
.product_details_tab li {
    list-style: none;
    padding: 0;
    margin: 0 2px 0 0;
}
.product_details_tab li a {
    border: none;
    font-weight: 500;
    color: inherit;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    height: 55px;
    line-height: 55px;
    text-align: center;
    padding: 0 30px;
    background: #ff5722;
}
.product_details_tab li:first-child a{
    border-radius: 5px 0 0 0;
}
.product_details_tab li:last-child a{
    border-radius: 0 5px 0 0;
}
.product_details_tab li a:hover{
    color: #fff;
}
.product_details_tab li a.active{
    background: #e84e1c;
    color: #FFF;
}
.pdtc_inner {
    position: relative;
    padding: 68px 0 0;
}
.pdtc_title, .woocommerce-Reviews-title, #reply-title {
    font-size: 24px;
    color: #03030f;
    line-height: .8;
    margin: 0 0 36px;
    padding: 0 0 17px;
    position: relative;
    font-weight: 700;
}
#reply-title{
    display: block;
    position: relative;
}
#reply-title #cancel-comment-reply-link{
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    float: right;
    padding: 4px 0 0;
}
#reply-title #cancel-comment-reply-link:hover{
    color: #03030f;
}
.pdtc_title:after, .woocommerce-Reviews-title:after, #reply-title:after{
    content: '';
    width: 40px;
    height: 3px;
    background: #03030f;
    position: absolute;
    left: 0;
    bottom: 0;
}
.pdtc_inner p {
    margin: 0 0 20px;
}
.pdtc_inner p:last-of-type {
    margin: 0;
}
.pdtci_content_description {
    margin: 0 0 -8px;
}
.pdtci_content table, .woocommerce .pdtci_content table.shop_attributes {
    width: 100%;
    border: none;
    margin: 0;
}
.pdtci_content table tr th, .woocommerce .pdtci_content table.shop_attributes tr th {
    color: #03030f;
    font-weight: 600;
}
.pdtci_content table tr th, .pdtci_content table tr td, .woocommerce .pdtci_content table.shop_attributes tr th, .woocommerce .pdtci_content table.shop_attributes tr td {
    padding: 10px 0;
    border-bottom: 1px dotted #efeded;
}
.pdtci_content table tr:first-child th, .pdtci_content table tr:first-child td, .woocommerce .pdtci_content table.shop_attributes tr:first-child th, .woocommerce .pdtci_content table.shop_attributes tr:first-child td {
    padding-top: 0;
}
.product_reviews_list {
    margin: 0;
    padding: 0 0 68px;
}
.woocommerce #reviews #comments ol.commentlist {
    margin: 0 0 57px;
    width: 100%;
    background: 0 0;
    list-style: none;
    padding: 0;
}
.product_reviews_list li {
    list-style: none;
}
.single_comment {
    position: relative;
    border: 1px solid #e0e0e0;
    padding: 32px 35px 30px 174px;
    margin: 0 0 30px;
    border-radius: 0;
}
.single_comment > img {
    width: 103px;
    height: 103px;
    position: absolute;
    left: 46px;
    top: 35px;
}
.woocommerce #reviews h4{
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
    text-transform: capitalize;
}
.woocommerce #reviews h4 a{
    color: inherit;
}
.woocommerce #reviews h4 a:hover{
    color: var(--theme-var);
}
.woocommerce #reviews .single_comment .pd_rating {
    padding-top: 11px;
    margin-bottom: 9px;
}
.woocommerce #review_form #respond form > p.comment-notes {
    font-size: 18px;
    color: #100c0b;
    opacity: .6;
    line-height: 1;
    margin: -2px 0 23px;
}
.comment-form-rating {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 1;
    margin: 0 0 23px;
}
.comment-form-rating label{
    font-size: 16px;
    color: #100c0b;
    opacity: .6;
    margin: 0;
    color: inherit;
    text-transform: capitalize;
    margin-right: 25px;
}
.woocommerce #review_form #respond p.stars{
    margin: 0;
    font-size: 19px;
}
.woocommerce #review_form #respond form > p{
    margin: 0;
}
.woocommerce #review_form #respond form > p label{
    position: relative;
    font-size: 16px;
    color: #100c0b;
    opacity: .6;
    margin: 0 0 -3px;
    display: block;
}
.woocommerce #review_form #respond textarea, .woocommerce #review_form #respond input[type="text"], 
.woocommerce #review_form #respond input[type="email"]{
    display: block;
    width: 100%;
    height: 55px;
    background: transparent;
    padding: 0;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    font-size: 16px;
    line-height: 55px;
    margin: 0 0 19px;
    color: #100c0b;
}
.woocommerce #review_form #respond textarea{
    height: 160px;
}
.woocommerce #review_form #respond form > p.comment-form-cookies-consent{
    display: flex;
    margin: 5px 0 19px;
}
.woocommerce #review_form #respond form > p.comment-form-cookies-consent input{
    display: none;
}
.woocommerce #review_form #respond form > p.comment-form-cookies-consent label{
    padding-left: 30px;
    cursor: pointer;
}
.woocommerce #review_form #respond form > p.comment-form-cookies-consent input[type="checkbox"] ~ label:before {
    content: '';
    font-family: 'dgita-icon' !important;
    position: absolute;
    left: 0;
    top: 6px;
    background-color: transparent;
    border: 1px solid #e8e8f1;
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 9px;
    font-weight: 400;
}
.woocommerce #review_form #respond form > p.comment-form-cookies-consent input[type="checkbox"]:checked ~ label:before {
    content: "\e901";
    color: var(--theme-color);
    border-color: var(--theme-color);
}
.mt134{
    margin-top: 134px;
}

/* Revolution Slider Mobile Optimization */
@media (max-width: 991px) {
    .slider_02 {
        min-height: 100vh !important;
        overflow: hidden;
    }
    
    .tp-caption {
        text-align: center !important;
        padding: 0 20px !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 90% !important;
        margin: 0 auto !important;
    }
    
    .tp-caption.headFont {
        line-height: 1.2 !important;
        margin-bottom: 25px !important;
        font-weight: 700 !important;
    }
    
    /* Fix subtitle positioning */
    .tp-caption .subbg {
        font-size: 14px !important;
        padding: 8px 16px !important;
        margin-bottom: 10px !important;
        display: inline-block;
    }
    
    /* Ensure buttons are properly sized on mobile */
    .tp-caption .thm-btn {
        padding: 14px 28px !important;
        font-size: 14px !important;
        margin-top: 20px !important;
        display: inline-block;
        border-radius: 5px;
    }
    
    /* Better text spacing for larger tablets */
    .tp-caption:not(.headFont) {
        margin-bottom: 20px !important;
        line-height: 1.4 !important;
    }
}

@media (max-width: 768px) {
    .slider_02 {
        min-height: 100vh !important;
    }
    
    .tp-caption {
        padding: 0 15px !important;
        max-width: 95% !important;
    }
    
    .tp-caption.headFont {
        line-height: 1.15 !important;
        word-spacing: -1px !important;
        margin-bottom: 30px !important;
    }
    
    /* Better text description spacing on tablets */
    .tp-caption p {
        line-height: 1.5 !important;
        margin-bottom: 25px !important;
    }
    
    /* Ensure adequate button spacing on tablets */
    .tp-caption .thm-btn {
        margin-top: 25px !important;
        padding: 16px 32px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 480px) {
    .slider_02 {
        min-height: 100vh !important;
    }
    
    .tp-caption {
        padding: 0 10px !important;
        max-width: 98% !important;
    }
    
    .tp-caption.headFont {
        line-height: 0.95 !important;
        word-spacing: -3px !important;
    }
    
    .tp-caption .subbg {
        font-size: 12px !important;
        padding: 6px 12px !important;
    }
}

/* Add spacing above navigation sections */
#demos {
    padding-top: 20px;
}

#pricing {
    padding-top: 20px;
}

#services {
    padding-top: 20px;
}

#about {
    padding-top: 20px;
}