/* Fonts */
@font-face {
    font-family: 'Rubik Medium';
    src: url('../fonts/rubik/medium/Rubik-Medium.eot');
    src: url('../fonts/rubik/medium/Rubik-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/rubik/medium/Rubik-Medium.woff2') format('woff2'),
        url('../fonts/rubik/medium/Rubik-Medium.woff') format('woff'),
        url('../fonts/rubik/medium/Rubik-Medium.ttf') format('truetype'),
        url('../fonts/rubik/medium/Rubik-Medium.svg#Rubik-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik Regular';
    src: url('../fonts/rubik/regular/Rubik-Regular.eot');
    src: url('../fonts/rubik/regular/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/rubik/regular/Rubik-Regular.woff2') format('woff2'),
        url('../fonts/rubik/regular/Rubik-Regular.woff') format('woff'),
        url('../fonts/rubik/regular/Rubik-Regular.ttf') format('truetype'),
        url('../fonts/rubik/regular/Rubik-Regular.svg#Rubik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik Light';
    src: url('../fonts/rubik/light/Rubik-Light.eot');
    src: url('../fonts/rubik/light/Rubik-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/rubik/light/Rubik-Light.woff2') format('woff2'),
        url('../fonts/rubik/light/Rubik-Light.woff') format('woff'),
        url('../fonts/rubik/light/Rubik-Light.ttf') format('truetype'),
        url('../fonts/rubik/light/Rubik-Light.svg#Rubik-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik Black';
    src: url('../fonts/rubik/black/Rubik-Black.eot');
    src: url('../fonts/rubik/black/Rubik-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/rubik/black/Rubik-Black.woff2') format('woff2'),
        url('../fonts/rubik/black/Rubik-Black.woff') format('woff'),
        url('../fonts/rubik/black/Rubik-Black.ttf') format('truetype'),
        url('../fonts/rubik/black/Rubik-Black.svg#Rubik-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik Bold';
    src: url('../fonts/rubik/bold/Rubik-Bold.eot');
    src: url('../fonts/rubik/bold/Rubik-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/rubik/bold/Rubik-Bold.woff2') format('woff2'),
        url('../fonts/rubik/bold/Rubik-Bold.woff') format('woff'),
        url('../fonts/rubik/bold/Rubik-Bold.ttf') format('truetype'),
        url('../fonts/rubik/bold/Rubik-Bold.svg#Rubik-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/roboto/light/Roboto-Light.eot');
    src: url('../fonts/roboto/light/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/light/Roboto-Light.woff2') format('woff2'),
        url('../fonts/roboto/light/Roboto-Light.woff') format('woff'),
        url('../fonts/roboto/light/Roboto-Light.ttf') format('truetype'),
        url('../fonts/roboto/light/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Black';
    src: url('../fonts/roboto/black/Roboto-Black.eot');
    src: url('../fonts/roboto/black/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/black/Roboto-Black.woff2') format('woff2'),
        url('../fonts/roboto/black/Roboto-Black.woff') format('woff'),
        url('../fonts/roboto/black/Roboto-Black.ttf') format('truetype'),
        url('../fonts/roboto/black/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Thin';
    src: url('../fonts/roboto/thin/Roboto-Thin.eot');
    src: url('../fonts/roboto/thin/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/thin/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/roboto/thin/Roboto-Thin.woff') format('woff'),
        url('../fonts/roboto/thin/Roboto-Thin.ttf') format('truetype'),
        url('../fonts/roboto/thin/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Regular';
    src: url('../fonts/roboto/regular/Roboto-Regular.eot');
    src: url('../fonts/roboto/regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/regular/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/roboto/regular/Roboto-Regular.woff') format('woff'),
        url('../fonts/roboto/regular/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/roboto/regular/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/roboto/bold/Roboto-Bold.eot');
    src: url('../fonts/roboto/bold/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/bold/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/roboto/bold/Roboto-Bold.woff') format('woff'),
        url('../fonts/roboto/bold/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/roboto/bold/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Medium';
    src: url('../fonts/roboto/medium/Roboto-Medium.eot');
    src: url('../fonts/roboto/medium/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/medium/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/roboto/medium/Roboto-Medium.woff') format('woff'),
        url('../fonts/roboto/medium/Roboto-Medium.ttf') format('truetype'),
        url('../fonts/roboto/medium/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

header.header {
    background-color: #fff;
    padding-bottom: 10px;
    padding-top: 0.2rem;
}

.fixed-top {
    background-color: #ffffff !important;
    padding: 0.5rem 0 !important;
    padding-top: 8px !important;
    padding-bottom: 10px !important;
}

h2.head2.ani-a.fade-left-a.delay-1.animated {
    color: #252525 !important;
}

p.p.ani-a.fade-left-a.delay-1.animated {
    color: #252525 !important;
}

ul.list-a.list-inline.ani-a.fade-left-a.delay-2.animated li {
    color: #252525 !important;
}

h2.head2.ani-a.fade-right-a.delay-2.animated {
    color: #252525;
}

.icon-content-1 .title a {
    font-family: var(--rubikRegular);
    color: #252525;
    text-decoration: none;
    font-size: 0.80rem;
    text-transform: uppercase;
}

.icon-content-2 .title a {
    font-family: var(--rubikRegular);
    color: #252525;
    text-decoration: none;
    font-size: 0.80rem;
    text-transform: uppercase;
}

.icon-content-2 .title {
    line-height: 1.2;
    text-align: center;
}

.icon-content-1 .title {
    line-height: 1.2;
    text-align: center;
}

.head2-2.text-center.ani-a.fade-down-a.delay-1 {
    color: #252525 !important;
}

.p.text-center.ani-a.fade-down-a.delay-2.animated {
    color: #252525 !important;
}

.cta-btn-item.btn-req a {
    color: #ffffff ! Important;
    background-color: #004ac7 ! Important;
}

.contact-section .head2-2.ani-a.fade-down-a.delay-3.animated {
    color: black !important;
}

.logo-area img {
    width: 150px;
    height: auto;
}

:root{
    --colorBlack: #000000;
    --colorBlack2: #252525;
    --colorBlack3: #0d1016;
    --colorBlack4: #0c0f16;
    --colorBlack5: #11141b;
    --colorBlack6: #181a21;
    --colorWhite: #ffffff;
    --colorGrey: #c1c1c1;
    --colorGrey2: #363636;
    --colorGrey3: #666666;
    --colorGrey4: #8e9198;
    --colorGrey5: #191d24;
    --colorGrey6: #151921;
    --colorOrange: #004ac7;

    --rubikBlack:'Rubik Black';
    --rubikBold:'Rubik Bold';
    --rubikLight:'Rubik Light';
    --rubikRegular:'Rubik Regular';
    --rubikMedium:'Rubik Medium';

    --robotoBlack:'Roboto Black';
    --robotoBold:'Roboto Bold';
    --robotoLight:'Roboto Light';
    --robotoRegular:'Roboto Regular';
    --robotoMedium:'Roboto Medium';
    --robotoThin:'Roboto Thin';

}

.container{width: 66%; max-width: 1250px;padding: 0;}
p,h1,h2,h3,h4,h5,h6{margin: 0;}
*{outline: none;}

.logo-a {filter: brightness(0) invert(1);}

.header{padding-top: 2.5rem; position: absolute; top: 0; left: 0; right: 0;z-index: 2;}
.header-container{padding-left: 1.5%; padding-right: 1.5%; display: flex; justify-content: space-between; align-items: center;}
.menu-ul{display: flex; list-style: none; margin: 0; padding: 0;}
.menu-ul >li:not(:last-child){margin-right: 2rem;}
.menu-items{text-decoration: none; color: #343a40; font-weight: 600; text-transform: uppercase; font-size: 1rem; font-family: var(--robotoRegular); transition: 0.5s;}
.menu-items:hover{color: var(--colorOrange);}
.has-dropdown{position:relative;}
.has-dropdown:after{border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 6px; position: absolute; transform: rotate(135deg); width: 6px; border-color: #fff; right: -1em; top: -2px; bottom: 0; margin: auto;}
.menu-ul >li.active .menu-items{font-weight: bold; color: var(--colorOrange);}
.btn{border-radius: 2px; min-width: 180px; line-height: 1; height: 49px; text-transform: uppercase; font-family: var(--rubikBold); font-size: 0.875rem; padding: 0.5rem 1rem; display: flex; align-items: center; justify-content: center;padding-left: 1.5rem;}
.btn.btn-yellow{background-color: var(--colorOrange); color:#ffffff;}
.btn.btn-yellow:hover{background-color: #004ac7; color:#ffffff;}
.btn.btn-white{background-color: var(--colorWhite); color: var(--colorBlack2);}
.btn.btn-white:hover{background-color: #004ac7;}
.btn-icon{height: 100%; border-left: 1px solid #00000032; display: inline-flex; align-items: center; padding-left: 1.25rem; margin-right: 0; margin-left: 2rem;}
.dropdown-menu-a {border-radius: 0; background-color: var(--colorGrey2); padding: 0; border: 1px solid #c1c1c150;margin-top: 0.75rem !important;}
.dropdown-menu-a .menu-items {padding: 0.5rem 1rem; display: flex;white-space: nowrap;line-height: 1;     color: #004ac7; background-color: #11141b;}
.dropdown-menu-a > li:not(:last-child){border-bottom: 1px solid #c1c1c150;}

.banner-a{background: var(--colorBlack2) url('../images/home/slider.jpg') no-repeat center center / cover;height: 930px;overflow: hidden; display: flex;align-items: center; padding-top: 6.5rem; position: relative;}
.head1{font-size: 3.475rem; text-transform: uppercase; color: var(--colorWhite); font-family: var(--rubikBold); line-height: 1.125;}
.head1 span{color: var(--colorOrange);}
.banner-slides {width: 100%;}
.banner-slide-inner > .container{display: flex; align-items: center; justify-content: space-between;}
.banner-slide-left{width: 64%;}
.banner-slide-right{width: 33%;}
.p{font-family: var(--robotoRegular); color: var(--colorGrey); font-size: 1.25rem; line-height: 1.25;}
.btn-group-a {display: flex;}
.btn-group-a > .btn:not(:last-child){margin-right: 1.75rem;}
.banner-a .p{margin: 3rem 0; margin-top: 2.5rem; padding-right: 4%;}
.banner-form{background-color: #0c0f1690; padding: 3rem 1.5rem; border: 1px solid var(--colorGrey2); text-transform: uppercase;}
.form-h{color: var(--colorWhite); font-size: 1.625rem; font-family: var(--rubikMedium); text-align: center; line-height: 1.5;}
.form-h span{display: flex; justify-content: center; color: var(--colorOrange); font-family: var(--rubikBold);}
.hr-a {background-color: var(--colorGrey2); margin: 1.5rem 0; margin-top: 1rem;border: 0; width: 100%; height: 2px;}
.form-input{margin-bottom: 0.75rem;}
.inp-a{background-color: var(--colorBlack3); transition: 0.5s; width: 100%; display: flex; border: 1px solid var(--colorGrey2); height: 50px; color: var(--colorWhite); padding: 0.5rem 1rem;}
.inp::placeholder{font-family: var(--rubikRegular); font-size: 0.875rem; color: var(--colorGrey3);}
.inp-a:focus{border-color: var(--colorOrange) !important;}
textarea.inp-a{height: 100px; resize: none;}
.btn-submit{width: 100%;}
.btn-full{position: relative;}
.btn-full .btn-icon {position: absolute; right: 1.25rem; height: 80%;}
.btn-full span{padding-right: 2rem;}
.banner-footer {display: flex; align-items: center; justify-content: space-between; width: 97%; margin-left: auto; margin-right: auto; position: absolute; bottom: 1%; left: 0; right: 0;}
.social-list{list-style: none; margin: 0; padding: 0; display: flex;}
.social-list > li:not(:last-child){margin-right: 0.5rem;}
.social-list > li > a{width: 2rem; height: 2rem;transition: 0.5s; text-decoration: none; color: #004ac7; border: 1px solid #004ac7; border-radius: 100%; display: flex; align-items: center;justify-content: center;}
.social-list > li > a:hover{color: var(--colorOrange); border-color: var(--colorOrange);}
.social-list > li > a > i{font-size: 1.125rem;}
.slide-count-wrap{color: var(--colorWhite); font-size: 2.25rem; font-family: var(--robotoBold);}
.slide-count-wrap .current{-webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--colorWhite); font-size: 3.75rem; color: transparent;}
.slick-arrow {position: absolute; width: 55px; height: 55px; background-color: transparent; top: 0; bottom: 0; margin: auto; border: 1px solid var(--colorWhite); border-radius: 100%; z-index: 1; color: var(--colorWhite);}
.slick-prev-a {left: 0; margin-left: 2%;}
.slick-next-a {right: 0; margin-right: 2%;}
.slick-arrow i{font-size: 2rem;}

section.clientele-section .slick-list .slick-track {display: flex;align-items: center;}
.clientele-section{/*background-color: var(--colorBlack3);*/ padding: 3rem 0;}
.clientele-section .container{max-width: 1540px; width: 81%;}
/* .cli-item {display: flex !important;align-items: center;justify-content: center;height: 50px;} */
.cli-img {width: auto; padding:0 20px; /*max-height: 48px;*/}

.design-1{background: url(../images/home/ab-bg.jpg) no-repeat center center / cover; padding: 5rem 0; border-top: 1px solid #004ac733 !important;}
.row-a{display: flex; align-items: center; justify-content: space-between;}
.row-a:not(:last-child){margin-bottom: 5rem;}
.design-1 .col-left{width: 41%;}
.design-1 .col-right{width: 54%;}
.head2{color: var(--colorWhite); font-family: var(--rubikBold); font-size: 2.5rem; text-transform: uppercase;}
.head2 span{color: var(--colorOrange);}
.design-1 .col-right > *:not(:last-child){margin-bottom: 2rem;}
.list-a{margin: 0; padding: 0; list-style: none;}
.list-a > li{color: var(--colorWhite); font-family: var(--rubikMedium); font-size: 1.25rem; display: flex;}
.list-a > li > i{color: var(--colorOrange); margin-right: 0.5rem; font-size: 1.4rem;}
.list-inline{display: flex; flex-wrap: wrap;}
.list-inline > li{display: inline-flex;}
.list-inline > li:not(:last-child){margin-right: 1rem;}

.counter-section{background-color: var(--colorBlack3);}
.counter-boxes{display: flex; justify-content: space-between;}
.counter-box{height: 170px; width: 23%; display: inline-flex; padding: 1rem; align-items: center; justify-content: center; text-align: center; border: 1px solid var(--colorGrey5); flex-direction: column;}
.counter-number{color: var(--colorOrange); font-family: var(--rubikBold); font-size: 3.125rem; line-height: 1; margin-bottom: 0.5rem;}
.counter-title{font-family: var(--rubikRegular); font-size: 1.125rem; color: var(--colorWhite); line-height: 1.25;}

.design2{background-color: var(--colorBlack5); padding: 5rem 0;}
.title-area{position: relative; text-align: center;}
.has-abs{padding-top: 5rem;}
.head-stroke{color: transparent; font-family: var(--rubikBold); font-size: 12rem;-webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #004ac721; line-height: 0.75;}
.head-stroke-abs{position: absolute;z-index: 0;left: 0;right: 0;bottom: 1rem;margin: auto;}
.head-stroke-abs ~ *{position: relative;}
.small-head{font-family: var(--rubikRegular); color: var(--colorOrange); font-size: 1.125rem; text-transform: uppercase; letter-spacing: 5px;}
.head2-2{color: var(--colorWhite); font-size: 3.75rem; font-family: var(--rubikBold); margin-bottom: 1.25rem; text-transform: uppercase;}
.head2-2 span{color: var(--colorOrange);}
.service-box{background-color: var(--colorGrey6); display: inline-flex; flex-direction: column; width: 100%;height: 100%; padding: 3rem 2rem; text-align: center;}
.service-img{height: 70px; display: flex; align-items: flex-start; margin-bottom: 1.75rem; justify-content: center;}
.service-content .title{font-family: var(--rubikBold); color: var(--colorWhite); font-size: 1.625rem; text-transform: uppercase; margin-bottom: 2rem;}
.service-boxes{display: flex; justify-content: space-between; margin-top: 4rem;}
.service-content .p{line-height: 1.5;}
.service-content .p span{color: var(--colorOrange); font-style: italic;}
.service-boxes .slick-track{display: flex !important;}
.service-boxes .slick-slide{height: inherit !important;}
.service-boxes .slick-prev-a {left: auto; margin-left: 0; right: calc(100% + 1rem);}
.service-boxes .slick-next-a {right: auto; margin-right: 0; left: calc(100% + 1rem);}
.service-boxes .slick-list {margin: 0 -0.75rem;}
.service-boxes .service-item{padding: 0 0.75rem;}
/* .service-boxes .slide-arrow{box-shadow: 0 0 40px 4px var(--colorOrange);} */
.slide-arrow{background-color: #004ac722; box-shadow: 0px 0px 20px 0px rgb(255 140 0 / 50%);}

.design3{background: url(../images/home/OUR-COMPREHENSIVE-1.jpg) no-repeat center center / cover; padding: 5rem 0;}
.title-area-2{position: relative; display: flex; justify-content: space-between;align-items: flex-end;}
.title-area-2 .left-col{width: 55%;}
.title-area-2 .right-col{width: 44%;}
.title-area-2 .head-stroke{font-size: 10rem;line-height: 1;}
.icon-boxes{display: grid; margin-top: 4rem; grid-template-columns: 16.9% 16.9% 16.9% 16.9% 16.9% 16.9%;}
.icon-box{height: 180px;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;border: 1px solid #fff;;padding: 2.5rem 1rem; background-color: white;}
.icon-box:nth-child(even){background-color: #004ac7;}
.icon-box.color-revert-a{background-color: #004ac7;}
.icon-box.color-revert-a ~ .icon-box:nth-child(even){background-color: #fff;}
.icon-box.color-revert-a ~ .icon-box:nth-child(odd){background-color: #004ac7;}
.icon-a{height: 50px; margin-bottom: 1.25rem;}
.icon-a svg{max-height: 50px;}
.icon-content .title{font-family: var(--rubikRegular); font-size: 0.875rem; text-align: center; text-transform: uppercase; color: var(--colorWhite);}
.icon-content .title > a{color: inherit; text-decoration: none;}

.portfolio-secction{background: var(--colorBlack5) url('../images/home/work-bg.webp') no-repeat center center / cover; padding: 5rem 0;}
.title-area-3{display: flex; justify-content: space-between; align-items: flex-end;}
.title-area-3 .left-col{width: 30%;}
.title-area-3 .right-col{width: 70%;padding-bottom: 2rem;}
.portfolio-filter-area{margin-top: 3rem;}
.filter-ul{list-style: none; margin: 0; padding: 0 2.5rem; display: inline-flex; align-items: center; background-color: var(--colorGrey6); height: 54px; border-radius: 50px;}
.filter-ul > li{position: relative; cursor: pointer; font-size: 0.875rem; text-transform: uppercase; color: var(--colorWhite); font-family: var(--rubikMedium);}
.filter-ul > li.active{color: var(--colorOrange);}
.filter-ul > li:not(:last-child){padding-right: 1.5rem; margin-right: 1rem;}
.filter-ul > li:not(:last-child):after{content: ""; position: absolute; width: 10px; height: 10px; border-radius: 100%; background-color: var(--colorOrange); right: 0; top: 0; bottom: 0; margin: auto;}
.filter-content-a{margin-top: 3.5rem; display: grid; grid-template-columns: 16.9% 16.9% 16.9% 16.9% 16.9% 16.9%;}
.filter-item-a{margin-bottom: 1.5rem;}
.filter-item-a > a{display: flex;}
.filter-item-a > a > img{width: 90%;}

.cta-section{background: url(../images/home/OUR-COMPREHENSIVE-1.jpg) no-repeat center center / cover; padding: 5rem 0;}
.cta-buttons{display: flex; align-items: center; justify-content: center; margin-top: 3rem;}
.cta-btn-item{display: inline-flex; justify-content: space-between; align-items: center;}
.btn-chat .right-col{width: 50px; margin-left: 1.5rem;}
.btn-call .left-col{width: 33px; margin-right: 1.5rem;}
.btn-chat{text-align: right;}
.btn-call{text-align: left;}
.btn-req{margin: 0 3.5rem;}
.p-small{font-family: var(--rubikRegular); color: #252525 !important; font-size: 0.875rem;}
.head3{font-family: var(--rubikBold); color: var(--colorWhite); font-size: 1.875rem;}
.head3 a{color: #252525 !important; text-decoration: none;}

.testimonial-section{background: var(--colorBlack3) url('../images/home/testimonial-bg.webp') no-repeat center center / cover; padding: 5rem 0;}
.testimonial-item .p{text-align: center; line-height: 1.5;}
.testimonial-items{margin-top: 4rem;}
.testimonial-item .content{margin: auto; margin-bottom: 4rem; max-width: 81%;}
.testimonial-item .meta{display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}
.testimonial-item .meta > *:not(:last-child){margin-bottom: 1rem;}
.testimonial-item .avatar{border-radius: 100%;}
.cli-name{font-size: 1.125rem; color: var(--colorOrange); font-family: var(--rubikRegular); line-height: 1; text-transform: uppercase;}
.cli-desig{font-size: 0.875rem; color: var(--colorWhite); font-family: var(--robotoRegular); line-height: 1;}
.slick-dots{bottom: -1.5rem;}
.slick-dots > li{width: auto; height: auto;}
.slick-dots > li{margin: 0;}
.slick-dots > li:not(:last-child){margin-right: 0.5rem;}
.slick-dots > li > button{border: 1px solid var(--colorGrey2); background: transparent; border-radius: 100%; width: 9px; height: 9px;}
.slick-dots > li.slick-active > button{background: var(--colorOrange);}
.slick-dots li.slick-active button:before{display: none;}
.testimonial-section .slick-arrow {bottom: auto; top: 12%;}
.testimonial-section .slick-prev-a{margin-left: 0; left: auto; right: calc(100% + 2rem);}
.testimonial-section .slick-next-a{margin-right: 0; right: auto; left: calc(100% + 2rem);}

.contact-section{background: url(../images/home/ab-bg.jpg) no-repeat center center / cover; padding: 5rem 0;}
.contact-form-a{margin-top: 5rem;}
.contact-form-a form{display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-form-a .form-input{width: 32%;}
.contact-form-a .form-input:not(:last-child){margin-bottom: 2.25rem;}
.contact-form-a .form-input.form-input-full{width: 100%; margin-bottom: 0;}
.contact-form-a .form-btn{width: 100%; display: flex; justify-content: center; margin-top: 3.5rem;}
.contact-form-a .form-btn .btn{width: auto;}
.contact-form-a .inp-a{padding-left: 0; border-width: 0 0 2px 0; border-color: #004ac7; color: #fff; background-color: transparent;}
.contact-form-a textarea.inp-a{height: 125px;}
.contact-form-a .btn-icon{position: static;}

.footer{background-color: var(--colorBlack4); padding-top: 7.5rem;}
.footer-row{display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 5rem;}
.footer-col-left{width: 100%; text-align: center;}
.footer-col-left > *:not(:last-child){margin-bottom: 2rem;}
.footer-col-right{width: 58%;}
.footer-contact-details{padding: 0; margin: 0; list-style: none;}
.footer-contact-details > li:not(:last-child){margin-bottom: 1rem;}
.footer-contact-details a{display: flex; align-items: center; transition: 0.5s; text-decoration: none; font-family: var(--rubikMedium); font-size: 1.125rem; color: var(--colorWhite); line-height: 1;}
.footer-contact-details address {display: flex; align-items: center; transition: 0.5s; text-decoration: none; font-family: var(--rubikMedium); font-size: 1.125rem; color: var(--colorWhite); line-height: 27px;}
.footer-contact-details address > i {color: var(--colorOrange); margin-right: 0.5rem;}
.footer-contact-details a:hover{color: var(--colorOrange);}
.footer-contact-details a > i{color: var(--colorOrange); margin-right: 0.5rem;}
.ftr-logo-a {display: flex;}
.footer .social-links a{color: var(--colorGrey4); border-color: var(--colorGrey4); width: 2.5rem; height: 2.5rem;}
.footer .social-links a >i {font-size: 1.5rem;}
.ftr-head{color: var(--colorWhite); font-size: 1.875rem; font-family: var(--rubikBold); margin-bottom: 2.5rem;}
.ftr-menu{margin: 0;padding: 0;list-style: none;display: grid;grid-template-columns: 32% 32% 32%;column-gap: 2%;}
.ftr-menu > li {width: 100%; margin-bottom: 1.25rem; line-height: 1;}
.ftr-menu > li > a{padding-left: 1rem; font-family: var(--rubikRegular);text-transform: none; transition: 0.5s; font-size: 0.875rem; color: var(--colorGrey4); position: relative; text-decoration: none; line-height: 1;}
.ftr-menu > li > a:hover{color: var(--colorOrange);}
.ftr-menu > li > a::before{content: ""; width: 0; height: 0; border-left: 5px solid var(--colorOrange); border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute;left: 0; top: 3px;}
.copyright-area{margin: auto; max-width: 835px; width: 100%; background-color: var(--colorBlack5); display: flex; align-items: center; justify-content: center; height: 70px;}
.copy-p{font-family: var(--rubikRegular); font-size: 1rem; color: var(--colorWhite);}
.copy-p a{color: var(--colorWhite); text-decoration: none; transition: 0.5s;}
.copy-p a:hover{color: var(--colorOrange);}
.copy-p span{display: inline-flex; margin: 0 1rem;}
.mob-res-icon{display: none;}
.res-menu-icon{display: none;}
.menu-close{display: none;}

.inner-banner-a{min-height: 450px; background: var(--colorBlack5) url('../images/home/bg2.png') no-repeat center center / cover; display: flex; align-items: center; padding-top: 5rem;}
.inner-banner-a .list-a{margin-top: 1.5rem;}
.inner-banner-a .btn{display: inline-flex;margin-top: 1.5rem;}
.inner-banner-a.v2{min-height: 600px;}

.reviews-banner{background-image: url('../images/reviews/banner.webp');}

.design-1.v2 .btn{display: inline-flex;}
.design-1.v2 .row-a{flex-direction: row-reverse;}
.design-1.v2 .col-right {width: 50%;}
.design-1.v2 .col-left {width: 45%;}

.design4{background-color: var(--colorBlack3); padding: 5rem 0;}
.serviceCarousel-a{display: flex; justify-content: space-between;}
.serviceCarousel-a .left-col{width: 43%;}
.serviceCarousel-a .right-col{width: 53%;}
.serviceCarousel-a .carousel-item{background-color: var(--colorGrey6);height: 100%;}
.carousel-box-a{max-width: 80%; margin: auto; text-align: center; padding: 3rem 2rem;}
.c-title{font-family: var(--rubikBold); color: var(--colorWhite); font-size: 1.625rem; text-transform: uppercase; margin-bottom: 1rem;}
.c-box-img{margin-bottom: 1rem;}
.carousel-box-a .hr-a{background-color: var(--colorOrange); opacity: 1; width: 80%; margin: 1rem auto;}
.carousel-indicators{display: flex; margin: 0; margin-top: 4rem; justify-content: space-between; flex-wrap: wrap;position: static; padding: 0;}
.carousel-indicators .indicator-box[data-bs-target]{width: 30%;background-color: var(--colorGrey6);transition: 0.5s;height: 150px;border: 1px solid var(--colorGrey3);align-items: center;justify-content: center;display: inline-flex;cursor: pointer;padding: 1.25rem;box-sizing: border-box;flex: none;margin: 0;text-indent: inherit;opacity: 1;background-clip: unset;}
.carousel-indicators .indicator-box[data-bs-target]:first-child{margin-bottom: 2rem;}
.indicator-box .title{color: var(--colorWhite);transition: 0.5s; text-transform: uppercase; font-family: var(--rubikRegular); text-align: center; line-height: 1.25;}
.serviceCarousel-a .carousel-inner {height: 100%;}
.carousel-item-inner{display: flex; align-items: center; justify-content: center; height: 100%;}
.carousel-indicators .indicator-box[data-bs-target].active{border-color: var(--colorOrange);}
.carousel-indicators .indicator-box[data-bs-target].active .title{color: var(--colorOrange);}

.design5{background-color: var(--colorBlack3); padding: 5rem 0;}
.review-boxes{display: grid;grid-template-columns: 32% 32% 32%;column-gap: 2%;}
.review-box{margin-bottom: 1.5rem;display: flex;flex-direction: column;align-items: center;text-align: center;min-height: 300px;padding: 1rem 10%;background-color: var(--colorBlack5);justify-content: center;}
.review-title{color: var(--colorWhite); font-family: var(--rubikBold); font-size: 1.125rem; text-transform: uppercase;}
.review-icons > i{color: var(--colorOrange);}
.review-box .hr-a{width: 80%; background-color: var(--colorGrey4);}
.review-p{color: var(--colorWhite); font-family: var(--robotoRegular); font-size: 1rem;}
.review-author{color: var(--colorWhite); font-family: var(--rubikRegular); font-size: 1.25rem; margin-top: 1rem;}
.review-box:nth-child(3) ~ .review-box{margin-bottom: 0;}

.design6{background-color: var(--colorBlack5); padding: 5rem 0;}
.design6 .left-col{width: 30%; border: 1px solid var(--colorOrange); display: flex; align-items: center; justify-content: center; height: 100%; min-height: 250px;}
.design6 .right-col{width: 65%;}
.design6 .head2-2{color: var(--colorOrange); text-align: center; margin-bottom: 0;}
.design-1.v2 .row-a.row-reverse {flex-direction: row;}
.sec-title-area {margin-bottom: 1.25rem !important;}

.design7{background-color: var(--colorBlack5); padding: 5rem 0;}
.design7 :is(.left-col, .right-col){width: 48%;}
.design7 .contact-form-a{margin-top: 3rem;}
.design7 .contact-form-a .form-input.form-input-full:not(:last-child){margin-bottom: 1.5rem;}
.design7 .contact-form-a .form-button {justify-content: flex-start; margin-top: 1rem;}
.color-orange{color: var(--colorOrange);}
.contact-list-a{margin-top: 4rem;}
.contact-list-a a{text-decoration: none; transition: 0.5s; color: var(--colorGrey); font-size: 1.125rem; font-family: var(--rubikRegular); display: flex; align-items: flex-start; line-height: 1.5;}
.contact-list-a > li{display: flex; line-height: 1;}
.contact-list-a a >i{color: var(--colorOrange); margin-right: 0.75rem;}
.contact-list-a > li:not(:last-child){margin-bottom: 0.5rem;}
.contact-list-a a:hover{color: var(--colorOrange);}
.design7 .row-a{align-items: flex-start;}

.ghostwriting-banner {background-image: url('../images/ghostwriting/ghostwriting-banner-image.webp')}
.wikipedia-writing-banner {background-image: url('../images/wikipedia-writing/wikipedia-writing-banner-image.webp')}
.web-content-writing-banner {background-image: url('../images/web-content-writing/banner.webp')}
.seo-writing-banner {background-image: url('../images/seo-writing/seo-writing-banner-image.webp')}
.web-design-development-banner {background-image: url('../images/web-design-development/web-design-development-banner-image.webp')}
.resume-writing-banner {background-image: url('../images/resume-writing/resume-writing-banner-image.webp')}
.content-writing-for-agencies-banner {background-image: url('../images/content-writing-for-agencies/content-writing-for-agencies-banner-image.webp')}
.article-writing-banner {background-image: url('../images/article-writing/article-writing-banner-image.webp')}
.blog-writing-banner {background-image: url('../images/blog-writing/blog-writing-banner-image.webp')}
.speech-writing-banner {background-image: url('../images/speech-writing/speech-writing-banner-image.webp')}
.ebook-writing-banner {background-image: url('../images/ebook-writing/ebook-writing-banner-image.webp')}
.press-release-writing-banner {background-image: url('../images/press-release-writing/press-release-writing-banner-image.webp')}
.ad-copywriting-banner {background-image: url('../images/ad-copywriting/ad-copywriting-banner-image.webp')}
.video-script-writing-banner {background-image: url('../images/video-script-writing/video-script-writing-banner-image.webp')}
.reputation-management-banner {background-image: url('../images/reputation-management/reputation-management-banner-image.webp')}
.book-editing-banner {background-image: url('../images/book-editing/book-editing-banner-image.webp')}
.book-marketing-banner {background-image: url('../images/book-marketing/book-marketing-banner-image.webp')}
.book-publishing-banner {background-image: url('../images/book-publishing/book-publishing-banner-image.webp')}
.book-cover-design-banner {background-image: url('../images/book-cover-design/book-cover-design-banner-image.webp')}

.design8{background-color: var(--colorBlack5); padding: 5rem 0;}
.content-box-a:not(:last-child){margin-bottom: 2rem;}
.circle-list-a{margin-top: 1rem;}
.circle-list-a >li{font-size: 1.125rem; color: var(--colorGrey); font-family: var(--robotoRegular); position: relative; padding-left: 1rem;}
.circle-list-a >li::before{content: ""; position: absolute; width: 8px; height: 8px; background-color: var(--colorGrey); border-radius: 100%; top: 8px; left: 0;}
.circle-list-a >li:not(:last-child){margin-bottom: 0.25rem;}
.content-box-a .head2{font-size: 1.75rem; margin-bottom: 0.75rem;}
.fixed-top {background-color: var(--colorBlack2); padding: 0.5rem 0;}
.header-inner{transition: 0.5s;}
.logo-area > a {display: flex;}
 .fixed-top .logo-a {max-width: 170px;} 
.load-more-btn {text-align: center; margin-top: 1rem; display: none;}
.load-more-btn .btn {display: inline-flex;}
.thank-msg{text-transform:none; margin-bottom:0 !important;}
.global-modal .modal-content{background-color:var(--colorBlack5);}
.global-modal .head2 {text-align: center;}
.global-modal .p {text-align: center; margin-bottom: 2rem;}
.global-modal .btn-close {background-color: var(--colorOrange); opacity: 1; border-radius: 5px; margin-left: auto; margin-right: 0; display: flex; margin-bottom: 0.5rem;}
body,section,footer{overflow-x:hidden;}

.fade-right-a{opacity: 0; transform: translateX(-50%) translateZ(0);}
.fade-right-a.animated{animation: fadeRight 1.5s forwards;}
.fade-left-a{opacity: 0; transform: translateX(50%) translateZ(0);}
.fade-left-a.animated{animation: fadeLeft 1.5s forwards;}
.fade-down-a{opacity: 0; transform: translateY(-50%) translateZ(0);}
.fade-down-a.animated{animation: fadeDown 1.5s forwards;}
.fade-up-a{opacity: 0; transform: translateY(50%) translateZ(0);}
.fade-up-a.animated{animation: fadeUp 1.5s forwards;}
.fade-in-a{opacity: 0; transform: translateZ(0);}
.fade-in-a.animated{animation: fadeRight 1.5s forwards;}

.delay-1{animation-delay: 300ms !important;}
.delay-2{animation-delay: 600ms !important;}
.delay-3{animation-delay: 900ms !important;}

@keyframes fadeRight { 100%{opacity: 1; transform: translateX(0%) translateZ(0);} }
@keyframes fadeLeft { 100%{ opacity: 1; transform: translateX(0%) translateZ(0);} }
@keyframes fadeDown { 100%{ opacity: 1; transform: translateY(0%) translateZ(0);} }
@keyframes fadeUp { 100%{ opacity: 1; transform: translateY(0%) translateZ(0);} }
@keyframes fadeIn { 100%{ opacity: 1; transform: translateZ(0);} }

.has-textarea-full .textarea-input {width: 100%;}
.has-full-input .form-input{width: 100%;}
.has-child-ul {flex-wrap: wrap;}
.child-ul-a {display: flex; flex-direction: column; width: 100%; margin: 1rem 0; margin-top: 0.5rem; margin-left: 0.5rem;}
.child-ul-a > li {color: var(--colorGrey); font-weight: normal; font-size: 1.125rem; line-height: 1; position: relative; padding-left: 1rem; font-family: var(--rubikRegular);}
.child-ul-a > li::before{content: ""; position: absolute; width: 8px; height: 8px; border-radius: 100%; left: 0; top: 5px; border: 1px solid var(--colorGrey);}
.child-ul-a > li:not(:last-child){margin-bottom: 0.5rem;}
.content-box-a .p{font-size: 1.125rem;}
.content-box-a .p:not(:last-child){margin-bottom: 1rem;}


.pricing-section{background: var(--colorBlack5) url('../images/home/work-bg.webp') no-repeat center center / cover; padding: 5rem 0;}
.portfolio-filter-area{margin-top: 3rem;}
.filter-content-a.v2{grid-template-columns: 100%;}
.package-items {display: grid; grid-template-columns: 32% 32% 32%; column-gap: 2%; row-gap: 2%;}
.package-item {background-color: var(--colorBlack); overflow: hidden; padding: 1.5rem;padding-bottom: 3rem; border-radius: 10px; border:2px solid var(--colorOrange)}
.pkge-name {font-family: var(--rubikBold); color: var(--colorWhite); font-size: 1.625rem; text-transform: uppercase; margin-bottom: 0.5rem;}
.pkge-price{font-family: var(--rubikBold); color: var(--colorOrange); font-size: 2.5rem; text-transform: uppercase; margin-bottom: 1rem;}
.pkge-list > li {font-size: 1.125rem; position: relative;}
.pkge-list > li::before{content: "\eb7a";margin-right: 0.5rem;font-size: 1.4rem;font-family: 'remixicon' !important;font-style: normal;-webkit-font-smoothing: antialiased; color: var(--colorOrange);}
.pkge-list{margin-bottom: 2rem; height: 350px; overflow: hidden; overflow-y: scroll;}
.pkge-btns .btn-icon {margin-left: 0.75rem; padding-left: 0.75rem;}
.pkge-btns .btn{min-width: auto;}
.pkge-list::-webkit-scrollbar {width: 3px;}
.pkge-list::-webkit-scrollbar-track {background: #004ac750; border-radius: 10px;}
.pkge-list::-webkit-scrollbar-thumb {background: var(--colorOrange); border-radius: 10px;}
.hr-a{border: 0; background-color: var(--colorWhite); height: 1px; opacity: 0.5;}
.filter-control-a.v2 {margin-top: 4rem; display: flex; justify-content: center;}
.filter-content-a.v2 > .filter-item-a:not(.book-publishing){display: none;}

@media screen and (max-width:1680px) {
    .container {width: 72%;}
    .logo-a {max-width: 180px; height:auto !important;} 
    .menu-items {font-size: 0.875rem;}
    .btn{height: 44px;}
    .header {padding-top: 1.75rem;}
    .head1 {font-size: 3rem;}
    .banner-slide-left {width: 65%;}
    .p {font-size: 1rem;line-height: 1.5;}
    .banner-a .p {padding-right: 15%;}
    .banner-a{height: 850px;padding-top: 5rem;}
    .form-h {font-size: 1.5rem;}
    .inp-a{height: 44px;}
    .inp-a::placeholder{font-size: 0.825rem;}
    .fixed-top .logo-a {max-width: 125px;}
    .fixed-top .header-btn .btn {height: 40px; padding: 0.5rem 0.5rem; min-width: 170px;}
    .fixed-top .btn-icon {padding-left: 1rem; margin-left: 1.5rem;}

    .cli-img {max-width: 75%; height: auto;}

    .head2 {font-size: 2rem;}
    .list-a > li {font-size: 1.125rem;}
    .list-inline > li:not(:last-child) {margin-right: 0.75rem;}

    .counter-number {font-size: 2.75rem;}
    .counter-title {font-size: 1rem;}
    .counter-box{height: 160px;}

    .small-head {font-size: 1rem;}
    .head2-2 {font-size: 3.25rem;}
    .head-stroke{font-size: 10rem;}
    .service-content .title {font-size: 1.25rem;}
    .service-content .title {font-size: 1.4rem;}
    .service-content .p {font-size: 1rem;}
    .service-img{height: 60px;}
    .service-img svg {max-height: 100%;}

    .title-area-2 .head-stroke {font-size: 8.5rem;}
    .icon-content .title {font-size: 0.82rem;}

    .filter-ul > li {font-size: 0.825rem;}
    .has-abs {padding-top: 3rem;}

    .head3 {font-size: 1.5rem;}
    .p-small {font-size: 0.825rem;}

    .cli-name {font-size: 1rem;}
    .cli-desig {font-size: 0.825rem;}
    .slick-dots {bottom: -2rem;}

    .footer .p {font-size: 1rem;}
    .footer-contact-details a {font-size: 1rem;}
    .ftr-menu > li > a {font-size: 0.825rem;padding-left: 0.75rem;}
    .ftr-menu > li {margin-bottom: 0.9rem;}
    .ftr-menu > li > a::before {border-width: 4px 0 4px 4px;}
    .copy-p {font-size: 0.875rem;}
    .copyright-area{width: 70%;}

    .inner-banner-a {min-height: 400px;}

    .review-p{font-size: 0.875rem;}
    .review-author {font-size: 1rem;}
    .review-title {font-size: 1rem;}
    .contact-list-a a{font-size: 1rem;}
    .pkge-name {font-size: 1.5rem;}
    .pkge-price {font-size: 2.125rem;}
    .pkge-list > li {font-size: 1rem;}
    .pkge-btns{justify-content: space-between;}
    .pkge-btns > .btn:not(:last-child) {margin-right: 0.75rem; padding: 0.5rem;}
    .pkge-btns .btn-icon {margin-left: 0.5rem; padding-left: 0.5rem;}
    .pkge-list {height: 300px;}
    .pkge-list > li::before {font-size: 1.125rem;}

}

@media screen and (max-width:1366px) {
    .container {width: 80%;padding: 0;}
    .icon-box{height: 170px; padding: 2rem 1rem;}
    .pkge-name {font-size: 1.25rem;}
    .pkge-list {height: 250px;}
}

@media screen and (max-width:1280px) {
    .menu-ul >li:not(:last-child) {margin-right: 1rem;}
    .head1 {font-size: 2.5rem;}
    .banner-a .p {padding-right: 10%; margin: 2rem 0;}
    .slide-count-wrap {font-size: 2rem;}
    .slide-count-wrap .current {font-size: 3rem;}
    .container {width: 90%;}
    .banner-slide-left {width: 60%;}
    .banner-slide-right {width: 37%;}
    .slick-arrow {width: 40px; height: 40px;}
    .slick-arrow i {font-size: 1.25rem;}
    .banner-a .slick-prev-a {margin-left: 1%;}
    .banner-a .slick-next-a {margin-right: 1%;}
    .testimonial-section .slick-next-a{left: 100%;}
    .testimonial-section .slick-prev-a{right: 100%;}
}

@media screen and (max-width:1024px) {
    /*.logo-a {max-width: 80%;}*/
    .menu-ul >li:not(:last-child) {margin-right: 0.5rem;}
    .btn{min-width: 150px;padding-left: 1rem;}
    .res-menu-icon{display: flex; color: var(--colorWhite); font-size: 2rem;line-height: 1; margin: auto;}
    .menu-ul{position: fixed;}
    .menu-ul {position: fixed; z-index: 9; flex-direction: column; align-items: flex-start; background-color: var(--colorBlack); width: 275px; height: 100vh; justify-content: flex-start; right: 0; top: 0; padding: 1rem; transition: 0.5s; transform: translateX(100%);}
    .menu-close{display: flex; color: var(--colorWhite); font-size: 1.5rem; margin-bottom: 3rem;}
    .nav-area{margin-left: auto; margin-right: 1rem;}
    .head2 {font-size: 1.75rem;}
    .p {font-size: 1rem;}
    .list-a > li {font-size: 1rem; line-height: 1; align-items: center; margin-bottom: 0.5rem;}
    .service-boxes .slick-next-a {left: calc(100% - 1rem);}
    .service-boxes .slick-prev-a {right: calc(100% - 1rem);}
    .title-area-2 .head-stroke {font-size: 7rem;}
    .service-content .title {font-size: 1.25rem;margin-bottom: 1rem;}
    .service-img {height: 50px;}
    .has-abs {padding-top: 1rem;}
    .icon-boxes {grid-template-columns: 25% 25% 25% 25%;}
    .icon-box:nth-child(5){background-color: var(--colorGrey6) !important;}
    .icon-box:nth-child(5) ~ .icon-box:nth-child(even){background-color: transparent;}
    .icon-box:nth-child(5) ~ .icon-box:nth-child(odd){background-color: var(--colorGrey6);}
    .icon-box:nth-child(8){background-color: transparent !important;}
    .icon-box:nth-child(8) ~ .icon-box:nth-child(even){background-color: var(--colorGrey6);}
    .icon-box:nth-child(8) ~ .icon-box:nth-child(odd){background-color: transparent;}
    .head2-2 {font-size: 3rem;}
    .head-stroke {font-size: 9rem;}
    .footer-col-right {width: 66%;}
    /* .footer-col-left {width: 32%;} */
    .ftr-menu > li {margin-bottom: 0.9rem;}
    .ftr-menu > li > a{padding-left: 0.5rem;}
    .copyright-area {width: 80%;}
    .translate-x-zero{transform: translateX(0%) !important;}
    .hr-a {margin: 1rem 0;}
    .serviceCarousel-a .left-col {width: 45%;}
    .serviceCarousel-a .right-col {width: 50%;}
    .carousel-indicators{margin-top: 2rem;}
    .carousel-indicators .indicator-box[data-bs-target]:first-child {margin-bottom: 1rem;}
    .indicator-box .title {font-size: 0.875rem;}
    .carousel-indicators .indicator-box[data-bs-target] {padding: 0.5rem; height: 120px;}
    .review-box {padding: 1rem 5%;}
    .list-a > li {line-height: 1.5;}
    .content-box-a .head2 {font-size: 1.5rem; margin-bottom: 0.5rem;}
    .dropdown-menu-a {opacity: 1; visibility: visible; display: flex; transition: 0.5s; transform: translateX(100%); flex-direction: column; position: fixed; top: 55px; bottom: 0; right: 0; min-height: 100vh; overflow-y: scroll; width: 275px; margin: 0 !important; background-color: var(--colorBlack); border: 0; transition: 0.5s;}
    .mob-res-icon{display: flex;width: 100%;justify-content: space-between;}
    .icon-back {color: var(--colorWhite); font-size: 1.5rem; display: none;}
    .dropdown-toggle::after {transform: rotate(-90deg);}
    .pkge-btns .btn-icon svg {width: 8px;}
    .pkge-btns{justify-content: flex-start;}
    .pkge-btns .btn {font-size: 0.75rem; padding: 0.75rem;}
    .package-items {grid-template-columns: 100%; column-gap: 0; row-gap: 0;}
    .package-items .slick-slide {margin: 0 27px;}
    .package-items .slick-list {margin: 0 -27px;}
        
}

@media screen and (max-width:991px) {
    .banner-slide-inner > .container {flex-direction: column;}
    .banner-slide-left {width: 100%; margin-bottom: 3rem;}
    .banner-slide-right {width: 100%;}
    .banner-a {height: auto; padding: 3rem 0; padding-top: 8rem;}
    .banner-form {margin: auto; max-width: 500px; width: 100%;}
    .banner-a{flex-direction: column;}
    .banner-footer {position: static;margin-top: 2rem;}
    .row-a {flex-direction: column;}
    .design-1 .col-left {width: 100%; margin-bottom: 3rem; text-align: center;}
    .design-1 .col-left img{max-width: 400px; width: 100%;}
    .design-1 .col-right {width: 100%;}
    .counter-boxes {flex-wrap: wrap;}
    .counter-box {width: 48%;}
    .head-stroke {font-size: 6rem;}
    .title-area-2 .head-stroke {font-size: 5rem;}
    .title-area-3 .right-col {width: 58%;}
    .title-area-3 .left-col {width: 41%;}
    .filter-ul {padding: 1rem; flex-wrap: wrap;}
    .filter-content-a {grid-template-columns: 23% 23% 23% 23%; column-gap: 2.7%;}
    .filter-item-a > a > img {width: 100%;}
    .head2-2 {font-size: 2.5rem;}
    .btn-chat .right-col {width: 40px; margin-left: 1rem;}
    .btn-chat .right-col svg {width: 100%;}
    .btn-call .left-col svg{width: 100%;}
    .btn-call .left-col {width: 26px; margin-right: 1rem;}
    .btn-req {margin: 0 2rem;}
    .cta-buttons{margin-top: 2rem;}
    .head3 {font-size: 1.125rem;}
    .p-small {font-size: 0.75rem;}
    .testimonial-section .slick-prev-a {right: 96%;}
    .testimonial-section .slick-next-a {left: 96%;}
    .testimonial-items {margin-top: 3rem;}
    .footer-row {flex-direction: column-reverse;}
    .footer-col-left {width: 100%; margin-top: 2rem;}
    .footer-col-right {width: 100%;}
    .copyright-area {width: 100%;}
    .inner-banner-a {min-height: 280px;}
    .design-1.v2 .row-a {flex-direction: column;}
    .design-1.v2 .col-left{width: 100%;}
    .design-1.v2 .col-right{width: 100%;}
    .p br{display: none;}
    .carousel-box-a {max-width: 100%; text-align: center; padding: 2rem 1.25rem;}
    .carousel-indicators .indicator-box[data-bs-target] {width: 48%;height: 80px;}
    .carousel-indicators .indicator-box[data-bs-target]:nth-child(3){margin-bottom: 1rem;}
    .small-head {letter-spacing: 2px;}
    .contact-form-a {margin-top: 3rem;}
    .review-boxes {grid-template-columns: 48% 48%;}
    .review-box:nth-child(3) + .review-box{margin-bottom: 1.5rem;}
    .design6 .row-a{flex-direction: row;}
    .design6 .left-col{min-height: 180px;}
    .design-1.v2 .row-a.row-reverse {flex-direction: column;}
    .design7 .row-a{flex-direction: column-reverse;}
    .design7 :is(.left-col, .right-col){width: 100%;}
    .design7 .right-col{margin-bottom: 3rem;}
    .contact-list-a {margin-top: 2rem;}
    .slick-arrow {line-height: 1;}
    .filter-ul {justify-content: center;}
    
    
}

@media screen and (max-width:767px) {
    .head1 {font-size: 2.25rem;}
    .design-1{padding: 3rem 0;}
    .counter-number {font-size: 2.25rem;}
    .counter-title {font-size: 0.875rem;}
    .head-stroke {display: none;}
    .has-abs {padding-top: 0;}
    .design2{padding: 3rem 0;}
    .service-boxes{margin-top: 2rem;}
    .title-area-2 .left-col {width: 100%;}
    .title-area-2 .right-col {display: none;}
    .design3{padding: 3rem 0;}
    .icon-boxes{margin-top: 2rem;}
    .portfolio-secction{padding: 3rem 0;}
    .title-area-3 .left-col{width: 100%;}
    .title-area-3 .right-col{display: none;}
    .portfolio-filter-area {margin-top: 1rem;}
    .filter-ul {height: auto;}
    .filter-content-a {grid-template-columns: 32% 32% 32%;column-gap: 2%;margin-top: 2rem;}
    .filter-item-a {margin-bottom: 0.75rem;}
    .cta-section{padding: 3rem 0;}
    .cta-buttons {flex-direction: column;}
    .btn-req {margin: 0; order: 3;}
    .cta-btn-item:not(.btn-req) {margin-bottom: 1rem;}
    .btn-chat {order: 1;}
    .btn-call {order: 2;}
    .testimonial-section{padding: 3rem 0;}
    .testimonial-items {margin-top: 2rem;}
    .testimonial-item .content {margin: auto; margin-bottom: 2rem; max-width: 90%;}
    .contact-section{padding: 3rem 0;}
    .contact-form-a .form-input {width: 100%;}
    .ftr-menu {grid-template-columns: 48% 48%;}
    .footer {padding-top: 3rem;}
    .ftr-head {margin-bottom: 1.5rem;}
    .footer-row{padding-bottom: 3rem;}
    .contact-form-a .form-button{margin-top: 2rem;}
    .clientele-section{padding: 2rem 0;}
    .icon-boxes {grid-template-columns: 100%;}
    .icon-box:nth-child(even) {background-color: var(--colorGrey6) !important;}
    .icon-box:nth-child(odd) {background-color: var(--colorGrey6) !important;}
    .icon-box:nth-child(5) {background-color: var(--colorGrey6) !important;}
    .icon-box:nth-child(5) ~ .icon-box:nth-child(odd) {background-color: var(--colorGrey6) !important;}
    .icon-boxes .slick-list {margin: 0 -0.75rem;}
    .icon-boxes .icon-box{margin: 0 0.75rem;}
    .icon-boxes .slick-prev-a {left: -15px; margin-left: 0;}
    .icon-boxes .slick-next-a {right: -15px; margin-right: 0;}
    .filter-ul {padding: 0.5rem;}
    .filter-ul > li:not(:last-child):after{width: 5px; height: 5px;}
    .filter-ul > li:not(:last-child) {padding-right: 0.75rem; margin-right: 0.5rem;margin-bottom: 0.5rem;}
    .slide-count-wrap {font-size: 1.5rem;}
    .slide-count-wrap .current {font-size: 2rem;}
    .btn-group-a > .btn:not(:last-child) {margin-right: 0; margin-bottom: 1rem;}
    .banner-a .p {padding-right: 0;}
    .btn-group-a {flex-direction: column; max-width: 230px;}
    .btn-group-a > .btn {justify-content: space-between;}
    .header {padding-top: 1rem;}
    .serviceCarousel-a {flex-direction: column-reverse;}
    .serviceCarousel-a .left-col{width: 100%;}
    .serviceCarousel-a .right-col{width: 100%; margin-bottom: 2rem;}
    .carousel-indicators .indicator-box[data-bs-target] {height: 40px;}
    .indicator-box .title {font-size: 0.75rem;}
    .c-title {font-size: 1.5rem;line-height: 1.25;}
    .design4{padding: 3rem 0;}
    .review-boxes {grid-template-columns: 100%;}
    .review-box:nth-child(3) ~ .review-box{margin-bottom: 1rem;}
    .review-box:nth-child(3) ~ .review-box:last-child{margin-bottom: 0;}
    .design5{padding: 3rem 0;}
    .design6{padding: 3rem 0;}
    .design6 .row-a{flex-direction: column;}
    .design6 .row-a :is(.left-col, .right-col){width: 100%;}
    .design6 .row-a .left-col{border:0; min-height: auto; margin-bottom: 2rem; justify-content: flex-start;}
    .design6 .head2-2 br{display: none;}
    .design6 .head2-2{border-bottom: 2px solid var(--colorOrange); display: inline-flex; width: auto;}
    .row-a:not(:last-child) {margin-bottom: 3rem;}
    .design7{padding: 3rem 0;}
    .design7 .contact-form-a {margin-top: 2rem;}
    .design8{padding: 3rem 0;}
    .icon-a{text-align: center;}
    .load-more-btn{display: block;}
    .filter-item-a{display: none;}
    .design-1 .col-left {margin-bottom: 2rem;}
    .head2-2 {font-size: 2rem;}
    .contact-form-a .form-input:not(:last-child) {margin-bottom: 1rem;}
    .design7 .contact-form-a .form-input.form-input-full:not(:last-child) {margin-bottom: 1rem;}
    .inner-banner-a.v2 {min-height: 450px;}
    .filter-item-a:not(.book-publishing){display: none;}
    .pricing-section .load-more-btn{display: none;}
    .pkge-btns {flex-direction: revert;}
    .pkge-btns {width: 100%; max-width: 100%;}
    .pkge-btns > .btn:not(:last-child) {margin-right: 1rem;}
    .package-item {padding: 1rem;}
    .pricing-section{padding: 3rem 0;}
}

@media screen and (max-width:480px) {
    .ftr-menu > li {width: 100%;}
    .slick-arrow {width: 25px; height: 25px;}
    .slick-arrow i {font-size: 0.75rem;}
    .banner-a .slick-arrow{display: none !important;}
    .header-btn{display: none;}
    .logo-a {max-width: 130px;}
    .filter-content-a {grid-template-columns: 100%; column-gap: 0;}
    .filter-ul > li {margin-bottom: 0.5rem;}
    .ftr-menu {grid-template-columns: 100%;}
    .portfolio-filter-area {margin-top: 0;}
    .nav-area {margin-right: 0;}   
    .carousel-indicators .indicator-box[data-bs-target] {background: transparent; height: auto; border-width: 0 0 1px 0;width: 100%;}
    .carousel-indicators .indicator-box[data-bs-target]:not(:last-child){margin-bottom: 0.5rem;}
}