@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); 
body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden !important;
}

h1,h2,h3,h4,h5,h6,p,a,li,input,button,span {
    font-family: 'Poppins', sans-serif;
    margin: 0;
}

p {
    font-size: 14px !important;
}

/*Changes*/
.button.header_btn .btn_yellow:hover {
    background: #dd1e24;
    color: #fff;
}

.button.header_btn .btn_blue:hover {
    background: #070c20;
}

a.chat.tr_btn {
    border: none;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.textarea_auto textarea {
    color: #555;
}

ul.soc-icons {
    display: flex;
}

.footer ul li a:hover {
    color: #ffcd24;
}

.navbar_custom .navbar-nav>li>a:hover, .navbar_custom .navbar-nav>li>a:focus, .navbar_custom .navbar-nav>li.active-nav a {
    background: none !important;
    color: #dd1e24;
    outline: none;
}

.top-fix11 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

ul.soc-icons.socialicons {
    justify-content: flex-end;
    width: 20%;
}

.navbar-nav li:last-child a {
    margin-right: 0 !important;
}

/*Changes End*/
ul {
    padding: 0;
    margin: 0;
}

.mobile-top {
    display: none;
}

.mt_50 {
    margin-top: 50px;
}

.mt_20 {
    margin-top: 20px;
}

.p_0 {
    padding: 0px;
}

.top_bar {
    background-color: #000000;
    padding: 10px 25px;
}

ul.socialicons {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60%;
}

ul.socialicons li {
    list-style: none;
    margin: 0 20px 0 0 !important;
}

li.last {
    margin: 0 !important;
}

ul.socialicons li a {
    color: #000000;
    font-size: 20px;
    transition-duration: .5s;
}

ul.socialicons li a:hover {
    text-decoration: none;
    color: #000;
}

/*navigation*/
li.header_cta {
    display: inline-block;
    padding: 10px 0px 10px 0px;
}

li.header_cta a {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700;
    transition-duration: .5s;
}

li.header_cta a i {
    margin: 0 10px 0 0;
}

li.header_cta a:hover {
    color: #dd1e24 !important;
    text-decoration: none;
}

li.header_cta:first-child a {
    /* font-weight: 400; */
}

.header_main_sec {
    width: 100%;
    padding: 0px 0 0px;
    position: absolute;
    z-index: 9999;
    /* border-bottom: 1px solid; */
}

.header {
    margin: 0px;
    padding: 13px 0;
    float: left;
    width: 100%;
    background: #0f3a5d;
}

.header ul.pull-right {
    float: right;
    margin: 0px;
}

.header ul.pull-right li {
    float: left;
    list-style: none;
}

.header ul.pull-right li a {
    float: left;
    color: #fff;
    margin: 0 0 0 24px;
    font-size: 14px;
    font-weight: 500;
    transition-duration: .5s;
}

.nav_bar_right {
    float: right;
    margin: 3px 0 0;
}

.header ul.pull-right li a:hover {
    color: #f04749;
    text-decoration: none;
}

.nav_bar_right a {
    /* padding: 9px 40px 11px !important; */
    /* font-size: 18px !important; */
}

.navbar_custom ul.nav.navbar-nav {
    margin: 0;
}

.nav_bar_right a.tr_btn {
    color: #222222;
    border-radius: 7px;
    border: 1px solid;
    border-radius: 4px;
}

.nav_bar_right a.tr_btn:hover {
    color: #fff !important;
}

.logo {
    margin: 0px 0 0px 0px;
    padding: 0px;
    /* float: left; */
    width: 180px;
}

.logo img {
    width: 100%;
}

.header_navbar {
    /* margin: 0px 0 0 0; */
    padding: 10px 0 10px;
    float: left;
    width: 100%;
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    /*bottom: 0;*/
    margin: auto;
    transition: all .5s ease-in;
}

.top_bar .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.collapse.navbar-collapse {
    border: 0px;
    padding: 0;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
}



.navbar_custom ul.nav.navbar-nav {
    margin: 0 0px 0 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    column-gap: 24px;
}



.navbar_custom {
    float: none;
    margin: 0 auto;
    display: block;
    min-height: 0;
    border-top: 0px solid #000;
    /* border-radius: 0px; */
    /* position: relative; */
    padding: 0px 0 0;
    border-radius: 0;
    margin: 0 0 0px;
    float: none;
}

.navbar.navbar_custom:before {
    width: 1220px;
    content: "";
    height: 0px;
    background-color: #000;
    top: 0;
    position: absolute;
    display: none;
}

.navbar_custom #myNavbar {
    padding: 0 !important;
}

.navbar_custom .navbar-nav>li>a {
    color: #000;
    font-size: 13px;
    padding: 15px 0 5px 0px;
    transition-duration: .5s;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0px 25px 10px 0;
    border-bottom: 1px solid #0000;
}

.navbar_custom .navbar-nav>li>a:hover, .navbar_custom .navbar-nav>li>a:focus, .navbar_custom .navbar-nav>li.active a {
    background: none !important;
    color: #dd1e24;
    outline: none;
    border-bottom-color: #dd1e24;
}

.nav_bar_right ul {
    padding: 0;
    margin: 0;
    float: right;
}

.nav_bar_right ul li {
    display: inline-block;
    margin: -10px 0px 0 14px;
}

.nav_bar_right ul li a {
    /* color: #222222; */
    /* font-size: 16px; */
    /* transition-duration: .5s; */
    /* background: linear-gradient(to left, #fff 50%, #fd4b7a 50%); */
    /* background-size: 212%; */
    /* background-position: right bottom; */
    /* border: 0px solid #fff; */
}

.nav_bar_right ul li a:hover {
    color: #fff;
}

.header_btn .btn_blue {
    background-color: #dd1e24;
    /* font-size: 12px; */
    /* font-weight: 700; */
    color: #fff;
    text-align: center;
    padding: 11px 20px;
    margin: auto;
    border-radius: 14px;
    font-weight: bold;
    font-size: 12px;
    min-width: 120px;
    transition: all .5s ease-in-out;
}

.header_btn {
    position: relative;
    /* right: 0; */
    top: 0;
    display: inline-flex;
}

.header_btn a {
    display: table;
    /* text-align: center; */
}

.header_btn a:hover {
    text-decoration: none;
}

.header_btn .btn_yellow {
    background-color: rgb(255 255 255);
    padding: 11px 20px;
    border-radius: 14px;
    color: #434343;
    font-weight: bold;
    font-size: 12px;
    min-width: 120px;
    transition: all .5s ease-in-out;
}

/*btn Css*/
.blue_btn {
    background: linear-gradient(to left, #235acf 50%, #ffcd24 50%);
    background-size: 212%;
    background-position: right bottom;
    transition: all .5s ease;
    color: #fff;
    padding: 14px 40px 15px !important;
    border-radius: 0px 40px 40px 40px;
    /* margin: 0 10px 0; */
    transition-duration: .5s;
    /* border: 0px solid transparent; */
    font-size: 15px;
    /* font-family: 'sofia_promedium'; */
    /* border: 1px solid #fff; */
    font-weight: 700;
    text-transform: uppercase;
}

.blue_btn:hover, .blue_btn:focus {
    color: #000;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
    border: 0px solid #235acf;
}

.yellow_btn {
    background: linear-gradient(to left, #235acf 50%, #ffcd24 50%);
    background-size: 212%;
    background-position: right bottom;
    transition: all .5s ease;
    color: #fff;
    padding: 14px 40px 15px !important;
    border-radius: 0px 40px 40px 40px;
    /* margin: 0 10px 0; */
    transition-duration: .5s;
    /* border: 0px solid transparent; */
    font-size: 15px;
    /* font-family: 'sofia_promedium'; */
    /* border: 1px solid #fff; */
    font-weight: 700;
    text-transform: uppercase;
}

.yellow_btn:hover, .yellow_btn:focus {
    color: #000;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
    border: 0px solid #235acf;
}

.tr_btn {
    background: linear-gradient(to left, transparent 50%, #ffcd24 50%);
    background-size: 212%;
    background-position: right bottom;
    transition: all .5s ease;
    color: #fff;
    padding: 11px 20px !important;
    border-radius: 14px;
    transition-duration: .5s;
    font-size: 12px;
    display: inline-block;
    font-weight: bold;
    text-transform: capitalize;
    border: 1px solid #fff !important;
    margin-right: 0 !important;
    line-height: normal;
    min-width: 120px;
    text-align: center;
}

.tr_btn:hover, .tr_btn:focus {
    color: #222;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
    border: 2px solid #ffcd24;
}

.tr_btn_blue {
    background: linear-gradient(to left, transparent 50%, #235acf 50%);
    background-size: 212%;
    background-position: right bottom;
    transition: all .5s ease;
    color: #100c02;
    padding: 10.5px 40px 11px !important;
    border-radius: 0px 40px 40px 40px;
    /* margin: 0 10px 0; */
    transition-duration: .5s;
    border: 2px solid #235acf;
    font-size: 16px;
    /* font-family: 'sofia_promedium'; */
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
}

.tr_btn_blue:hover, .tr_btn_blue:focus {
    color: #fff;
    background-position: left bottom;
    text-decoration: none;
    background-size: 210%;
    border: 2px solid #235acf;
}

.price-bx:hover .tr_btn_blue {
    background: #000 !important;
    color: #fff;
}

.price-bx .bnr-btn {
    margin: -13px 0 30px;
}

.wht_btn {
    background: linear-gradient(to left, #fff 50%, #222 50%);
    background-size: 212%;
    background-position: right bottom;
    transition: all .5s ease;
    color: #4c85fd;
    transition-duration: .5s;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    padding: 11px 20px;
    border-radius: 14px;
    min-width: 120px;
}

.wht_btn:hover, .wht_btn:focus {
    color: #fff;
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
    border: 0px solid transparent;
}

/*btn Css*/
.title {
    margin: 0px 0 0px 0;
    padding: 0px;
    width: 100%;
    font-size: 40px;
    font-weight: 600;
    text-transform: capitalize;
}

.title span {
    display: table;
    width: 100%;
    color: #fe6b0c;
    font-size: 18px;
    margin: 0;
}

.title_sm {
    margin: 5px 0 10px 0;
    padding: 0px;
    width: 100%;
    font-size: 23px;
    font-weight: 400;
}

.title_sm span, .title span {
    display: table;
    margin: 0px 0 15px 0;
    padding: 0px;
    width: 100%;
    font-size: 18px;
    color: #fe6b0c;
    font-family: 'Samsung Sharp Sans Medium';
    line-height: 20px;
}

.mrg_0 {
    margin: 0px;
}

.pd_0 {
    padding: 0px;
}

.clr_blk {
    color: #171717 !important;
}

.clr_blk_p {
    /* color: #000 !important; */
}

.clr_gry {
    color: #989798 !important;
}

.clr_wht {
    color: #fff !important;
}

.clr_pur {
    color: #6f5567 !important;
}

.cn {
    text-align: center;
}

.title_para {
    font-size: 16px;
    margin: 30px 0 0;
    font-weight: 400;
}

.para {
    font-size: 16px;
    font-weight: 400;
}

.banner_main {
    background: url(../images/hero-bg.jpg);
    min-height: 775px;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}

.banner_box h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
}

.banner_box h1 span {
    font-size: 47px;
    /* line-height: 60px; */
    color: #ffcd24;
}

.banner_box p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 30px 0 40px;
    line-height: 28px;
}

.button a {
    margin: 0 15px 0 0;
}

.banner_box h4 {
    color: #ffffff;
    margin: 23px 0 0;
    font-size: 23px;
    font-weight: 400;
}

img.banner_img {
    position: relative;
    top: 87px;
    bottom: 0;
    width: auto;
}

.banner_box {
    padding: 130px 0 0;
    position: relative;
}

/* Banner End  */
.client_logo {
    padding: 20px 0 15px;
    background-color: #eeecff;
}

.client_logo_boxes {
    margin: 30px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.client_logo_boxes img {
    margin: 0 auto 30px;
    display: table;
}

/* services home */
.h_service_sec {
    padding: 70px 0 40px;
    position: relative;
}

.h_service_sec:before {
    background: url(../images/h-ser-object4.png);
    position: absolute;
    content: "";
    width: 137px;
    height: 132px;
    bottom: 100px;
    left: 90px;
}

.h_service_sec:after {
    background: url(../images/h-ser-object6.png);
    position: absolute;
    content: "";
    width: 321px;
    height: 181px;
    bottom: 0;
    right: 0px;
    top: 420px;
    margin: auto;
}

.h_service_boxes {
    position: relative;
}

.h_service_boxes:before {
    background: url(../images/h-ser-object3.png);
    position: absolute;
    content: "";
    width: 38px;
    height: 38px;
    /* bottom: 0; */
    /* margin: auto; */
    top: 450px;
    left: 40px;
}

.h_service_boxes {
    margin: 50px 0 0;
}

.h_service_box {
    background: #f4f3f3;
    padding: 20px 20px;
    border-radius: 12px;
    min-height: 420px;
    margin: 0 0 30px;
    text-align: center;
    transition-duration: .5s;
    box-shadow: 0 10px 15px rgb(0 0 0 / 12%);
}

.h_service_box:hover {
    background: url(../images/h-ser-img-hover.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.h_service_box:hover h3, .h_service_box:hover p {
    color: #fff;
}

.h_service_box h3 {
    font-size: 16px;
    color: #000000;
    font-weight: 700;
}

.h_service_box h4 {
    font-size: 16px;
    color: #000000;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
}


.h_service_box p {
    font-size: 13px;
    color: #000000;
}

.h_ser_icon {
    height: 100px;
    align-items: center;
    display: grid;
    margin: auto;
}

.h_ser_icon img {
    margin: auto;
}

/*Portfolio*/
.portfolio_sec .title_para {
    margin: 20px 0 0;
}

.portfolio_sec {
    background: url(../images/portfolio-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 0 40px;
    background-position: top center;
}

.portfoilo_boxes {
    margin: 50px 0 0px;
}

.portfoilo_boxes .nav-tabs {
    margin: 0 0 50px;
    display: flex;
    justify-content: center;
    border: none;
}

.portfoilo_boxes .nav-tabs>li>a {
    /* margin-right: 20px; */
    /* line-height: 1.42857143; */
    /* border: 1px solid #ccc; */
    /* border-radius: 50px; */
    /* color: #000000; */
    /* background-color: #f6f5f5; */
    /* padding: 5px 20px; */
    /* font-size: 16px; */
    /* font-weight: 400; */
}

.portfoilo_boxes .nav-tabs>li>a:hover {
    /* background: url(../images/port-hover-tab.png); */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* border: 1px solid transparent; */
    /* border-bottom-color: transparent; */
    /* color: #fff; */
}

.portfoilo_boxes .nav-tabs>li.active>a, .portfoilo_boxes .nav-tabs>li.active>a:focus, .portfoilo_boxes .nav-tabs>li.active>a:hover {
    /* color: #fff; */
    /* cursor: default; */
    /* background: url(../images/port-hover-tab.png); */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* border: 1px solid transparent; */
    /* border-bottom-color: transparent; */
}

.portfolio_box {
    margin: 0 0 30px;
}

/*Portfolio*/
/* satisfied_clients_sec */
.satisfied_clients_sec {
    /* background-color: #235acf; */
    padding: 70px 0 50px;
}

.satisfied_clients_sec .hd-txt {
    text-align: center;
}

.satisfied_clients_boxes {
    margin: 50px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.satisfied_clients_box {
    background-color: #0a45ab;
    text-align: center;
    padding: 0 10px;
    height: 130px;
    align-items: center;
    display: grid;
    border-radius: 43px;
    margin: 0 20px;
}

.satisfied_clients_box img {
    margin: auto;
}

section.satisfied_clients_sec .title_para {
    margin: 20px 0 0;
}

/* satisfied_clients_sec */
/* Cta Sec */
section.cta_sec {
    overflow: visible;
    padding: 40px 0 40px;
    background: url(../images/new-home-page/cta-bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.cta_sec p {
    font-size: 14px;
    margin: 20px 0 40px;
}

.cta_box_img img {
    margin: 0 0 0px;
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
}

.cta_sec h2 {
    padding: 90px 0 0;
}

.cta_sec h5 {
    padding: 90px 0 0;
}

/* Cta Sec */
/* process_sec */
.process_sec {
    padding: 70px 0 50px;
}

.process_sec p.para {
    margin: 20px 0 0;
}

.process_iocn {
    display: grid;
    /*background-color: #395fac;
    width: 85px;
    height: 85px;
    border-radius: 50px;*/
    align-items: center;
    margin: auto;
}

.process_iocn img {
    margin: -40px auto 0;
}

.process_no h3 {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.process_box_text {
    /*background-color: #eaebeb;
    min-height: 130px;*/
    width: 100%;
    text-align: center;
    border-radius: 10px;
    align-content: center;
    display: grid;
    padding: 0 30px;
}

.process_box_text h4 {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

.process_box_text p {
    margin: 0 0 0px;
    font-size: 12px;
    font-weight: 400;
    color: #000000;
}

.process_boxes {
    margin: 50px 0 0;
    background: url(../images/porcess-center-img.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: table;
}

.process_box2 img {
    margin: 20px auto 0;
}

.process_box4 img {
    margin: 20px auto 0;
}

.process_box1 .process_iocn {
    position: relative;
    top: 74px;
    left: 59px;
}

.process_box1 .process_box_text {
    position: relative;
    margin: 294px 0 0;
    /* padding: 0 30px; */
    left: 53px;
    top: -30px;
}

.process_box2 .process_iocn {
    position: relative;
    top: 316px;
    left: 20px;
}

.process_box2 .process_box_text {
    /* top: -40px; */
    margin: -105px 0 0;
    left: 20px;
    position: relative;
}

.process_box2 .process_no {
    position: relative;
    top: 108px;
    left: 20px;
}

.process_box1 .process_no {
    position: relative;
    top: 176px;
    left: 52px;
}

.process_box3 .process_no {
    position: relative;
    top: 197px;
    left: -12px;
}

.process_box4 .process_no {
    position: relative;
    top: 129px;
    left: -42px;
}

.process_box3 .process_box_text {
    position: relative;
    top: 274px;
    left: -12px;
}

.process_box3 .process_iocn {
    top: 89px;
    position: relative;
    left: -10px;
}

.process_box4 .process_iocn {
    top: 325px;
    position: relative;
    left: -43px;
}

.process_box4 .process_box_text {
    position: relative;
    top: -86px;
    left: -42px;
}

/* process_sec */
/*cta_sec2*/
.cta_sec2 {
    background: url(../images/new-home-page/cta-bg-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0 0;
    overflow: visible;
}

.cta_sec2_boxes {
    display: flex;
    justify-content: center;
}

.cta_sec2_box {
    /* background-color: #fff; */
    width: 170px;
    height: 170px;
    /* margin: 0 15px; */
    align-content: center;
    display: grid;
    text-align: center;
    border-radius: 15px;
}

a .cta_sec2_box {
    color: #000;
    font-weight: 700;
    font-size: 15px;
    transition-duration: .5s;
}

/*.cta_sec2_box:hover img {
    filter: invert(1);
}*/
a .cta_sec2_box p {
    margin: 15px 0 0;
    /* transition-duration: .5s; */
}

.cta_sec2_boxes a {
    margin: 0 15px;
    text-align: center;
    transition-duration: .5s;
}
.cta_sec2_boxes a:nth-last-child(1) {
    display: none;
}
.cta_sec2_box img {
    margin: auto;
}

.cta_sec2_boxes a:hover .cta_sec2_box {
    /* background-color: #000; */
    text-decoration: none;
    color: #fff;
    /* background: linear-gradient(to right, #004ef7, #033cb6); */
}

.cta_sec2_boxes a:hover {
    text-decoration: none;
}

/*cta_sec2*/
/*testi-sec*/
.testi-sec .hd-txt h2 {
    text-align: left;
    padding-bottom: 0;
}

.testi-sec .hd-txt {
    text-align: center;
}

.testi-sec .hd-txt p {
    padding-top: 20px;
    text-align: left;
}

.testi-quote {
    background: #dd1e24;
    width: 115px;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60%;
    position: absolute;
    left: -68px;
    top: 0;
    z-index: 3;
    bottom: 0;
    margin: auto;
}

.testiminial_slider.slick-vertical {
    margin-bottom: 0;
    height: 660px;
}

.testi-slider-st .slick-list.draggable {
    height: 650px !important;
    margin-top: -110px;
}

.testi-sec {
/*    padding: 70px 0 0;*/
    padding: 0px 0 0;

    position: relative;
}


section.testi-sec .row {
    display: flex;
    align-items: center;
}



.testi-sec p.para {
    margin: 20px 0 0;
}

.testi-img img {
    width: 100%;
    box-shadow: 3px 15px 20px 1px rgb(0 0 0 / 38%);
    padding: 0 0px;
    margin: 30px 0 30px;
    border-radius: 25px;
    position: relative;
}

.testi-div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.testi-txt h4 {
    font-size: 16px;
    line-height: 22px;
    /* font-style: italic; */
    color: #161616;
    font-weight: 400;
}

.testi-txt p {
    font-size: 14px;
    line-height: 18px;
    /* font-style: italic; */
    color: #161616;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.testi-txt h3 {
    font-size: 25px;
    margin-top: 40px;
    color: #161616;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
}

.testi-txt h5 {
    font-size: 21px;
    /* margin-top: 40px; */
    color: #161616;
    font-weight: bold;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase;
}

.testi-txt {
    position: relative;
    padding: 28px 20px 28px 60px;
    background: #fff;
    box-shadow: 0px 1px 11px 0px rgb(0 0 0 / 16%);
    border-radius: 10px;
    margin: 0 20px 13px 100px;
    left: 0;
    transition: all .5s ease-in-out;
    overflow: h;
}

/*.testi-txt:before {
    position: absolute;
    content: '';
    background: url(../images/testi-quote.png);  
    background-repeat: no-repeat;   
    bottom: 80px;
    right: 90px;
    width: 213px;
    height: 213px;
    margin: auto;   
}*/
.testi-slider-st .slick-prev, .testi-slider-st .slick-next {
    background: #3065d6;
    width: 40px;
    height: 40px;
    border-radius: 60px;
    z-index: 1;
}

.testi-slider-st .slick-prev {
    left: 29%;
    bottom: -20px;
    top: auto;
}

.testi-slider-st .slick-prev:before {
    content: "\f053";
    font: normal normal normal 14px/1 FontAwesome;
}

.testi-slider-st .slick-next:before {
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
}

.testi-slider-st .slick-next {
    left: 33%;
    bottom: -20px;
    top: auto;
}

.testi-slider-st {
    margin: 0px 0px 0;
}

.testi-slider-st .testi-slider {
    padding: 50px 0 40px;
}

.testi-img {
    position: relative;
}

.testi-img:before {
    content: "";
    position: absolute;
    background: url(../images/testi-img-before.png);
    background-repeat: no-repeat;
    width: 164px;
    height: 163px;
    z-index: 0;
    left: -30px;
    top: -30px;
}

.testi-img:after {
    content: "";
    position: absolute;
    background: url(../images/testi-img-after.png);
    background-repeat: no-repeat;
    width: 276px;
    height: 138px;
    z-index: -1;
    right: -70px;
    bottom: -33px;
}

/*testi-sec*/
/*Form Sec bottom*/
.get_quote {
    background: url(../images/new-home-page/hp-contact-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 860px;
    display: flex;
    align-items: center;
}

.get_quote h4 {
    font-size: 48px;
    color: #235acf;
    text-align: center;
    font-weight: 700;
    margin-top: 0;
}

.get_quote h5 {
    font-size: 38px;
    color: #000000;
    text-align: left;
    font-weight: 700;
    margin-top: 0;
}

.get_quote .row {
    position: relative;
}

.get_quote .form-side-img-st {
    position: absolute;
    left: -525px;
    width: 73%;
    bottom: auto;
    margin: auto;
    top: auto;
    height: auto;
}

.get_quote .row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.get_quote .row form .row {
    display: block;
}

.get_quote p {
    font-size: 15px;
    color: #000;
    margin-bottom: 10px;
    text-align: left;
    margin-top: 10px;
}

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

.get_quote .form-control {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    height: 50px;
    color: #000;
    font-size: 14px;
    text-transform: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 17px;
    box-shadow: none;
    padding: 13px 15px;
}

#quoteForm textarea.form-control {
    resize: none;
    min-height: 105px;
    padding-top: 14px;
}

#quoteForm .captcha {
    width: auto !important;
    float: left !important;
    font-weight: 700 !important;
    background: #dd1e24;
    font-size: 25px;
    color: #fff;
    margin: 0 0 !important;
    padding: 4px 10px;
}

#quoteForm .order-input {
    padding: 9px 9px;
    width: 98px;
    background-color: #f4cb3d;
    border: none;
}

.get_quote .button {
    float: none;
}

.get_quote .btn-yellow {
    border: none;
    float: right !important;
}

.get_quote {
    background-color: #eaeaea;
    padding: 70px 0 50px;
}

.form_bt_box img {
    width: 100%;
}

.company_profile a {
    color: rgb(0 0 0 / 36%);
    font-size: 14px;
}

.company_profile input {
    color: #000;
}

.control--checkbox {
    color: rgb(0 0 0 / 36%);
    font-size: 14px;
}

.company_profile {
    width: 110%;
}

.company_profile {
    width: 110%;
    margin: 10px 0 0;
}

input.order-input {
    color: #000;
    font-size: 18px;
    opacity: 1;
    font-weight: 700;
}

.ch-box input[type=checkbox] {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    margin-top: 7px;
    border: 2px solid #dd1e24;
}

input#quoteSubmit {
    color: #000 !important;
    font-size: 14px;
    background: #ffcd24;
    padding: 11px 55px;
    border-radius: 2px;
    /* box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%); */
    position: relative;
    border: none;
    font-weight: 700;
    border-radius: 14px;
}

/*Form Sec bottom*/
/*Footer*/
.footer {
    background: url(../images/new-home-page/footer-bg.png);
    padding: 38px 0 20px 0;
    position: relative;
    margin-top: 0px;
}

/*.footer:before {
    content: '';
    background: url(../images/footer-building.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    position: absolute;
    top: -530px;
    left: 0;
    right: 0;
    width: 100%;
    height: 530px;
    bottom: auto;
    z-index: 1;
}*/
.ftr-img-st {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ftr-img-st img {
    width: 100%;
    margin-top: -60px;
    filter: hue-rotate(192deg);
}

.footer-logo-img {
    text-align: center;
    padding: 15px 0;
    margin: 15px 0;
    border-bottom: 1px solid #ffffff47;
}

img.pay-mnt-img {
    width: 253px;
}

.ftr-space {
    display: block;
    width: 100%;
}

.footer_bottom:before {
    content: '';
    /* background: #ffffff47; */
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
}

.footer h4 {
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    position: relative;
    padding: 15px 0 0;
    font-weight: 500;
    text-align: left;
}

.footer h4:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100px;
    height: 2px;
    /* background-color: #fff; */
}

.footer p {
    color: #fff;
    font-size: 12px !important;
    line-height: 20px;
    padding: 15px 0;
    text-align: left;
    position: relative;
    margin-bottom: 0;
}

.footer p a {
    color: rgb(255, 255, 255);
    /* font-weight: 300; */
}

.footer p a i.fa {
    margin-right: 7px;
    font-size: 20px;
}

.footer ul {
    margin: 0;
    padding: 10px 10px 0px 0;
    display: block;
    float: none;
    margin: 0 0 0 -15px;
}

.footer ul li {
    margin: 0;
    padding: 0;
    text-align: left;
    display: block;
    padding: 0 0 0 15px;
}

.footer ul li a {
    color: #fff;
/*    background: url(../images/bullet1.png) 0 7px no-repeat;*/
    font-size: 12px;
    line-height: 15px;
    padding: 2px 0 2px 9px;
    display: block;
    text-align: left;
    text-decoration: none;
}

.footer ul li a i {
    padding-right: 5px;
    font-weight: 100;
    display: none;
}

#comodoTL {
    display: block;
    font-size: 8px;
    padding-left: 18px;
}

#comodoTL {
    margin-bottom: 15px;
    width: 100%;
    max-width: 143px;
    display: block;
    text-align: center;
    font-size: 16px !important;
    color: #fff;
    margin-left: -18px;
    position: relative;
    z-index: 9999999;
}

.footer_bottom {
    padding: 20px 0 6px;
    position: relative;
    text-align: center;
    color: #b8b8b8;
    font-size: 14px;
    line-height: 18px;
    display: block;
    clear: both;
    margin-top: 0;
    /* border-top: 1px solid #fff; */
    display: t;
    align-items: center;
    justify-content: center;
}

.footer_bottom a, .footer_bottom span {
    color: #fff;
    padding: 0 15px;
}

/* logo_design Page*/
.banner_inner {
    background-repeat: no-repeat;
    background-size: cover;
}

.banner_logo_design {
    background: url(../images/banner-logodesign.jpg);
}

.banner_inner .banner_box {
    padding: 100px 0 0;
    position: relative;
}

.banner_inner .banner_box h1 {
    font-size: 40px;
    color: #000000;
    font-weight: 300;
    line-height: 60px;
    text-transform: uppercase;
}

.banner_inner .banner_box h5 {
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
    margin: 30px 0 0;
    font-size: 24px;
}

.banner_inner-new-1 {
    color: #000000 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    margin: 30px 0 0 !important;
    font-size: 24px !important;
    line-height: 30px !important;
}

.banner_inner-new-white {
    color: #fff !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    margin: 30px 0 0 !important;
    font-size: 24px !important;
    line-height: 30px !important;
}

.banner_inner .banner_box p {
    color: #000000;
    font-size: 18px;
    line-height: 24px;
    margin: 20px 0 34px;
    font-weight: 400;
}

.price_batch {
    background: url(../images/logo-design-price-patch.png);
    background-repeat: no-repeat;
    width: 221px;
    height: 116px;
    position: absolute;
    right: 16px;
    top: 125px;
    align-items: center;
    display: grid;
}

.price_batch p {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: uppercase;
    margin: 0 0 0 25px !important;
    text-align: center;
    line-height: initial;
}

.price_batch p span {
    font-size: 74px;
    line-height: 1;
    display: table;
    margin: auto;
}

.banner_inner .banner_box h1 b {
    font-weight: 900;
}

.banner_inner .banner_box h4 {
    color: #000;
}

.banner_inner img.banner_img {
    top: 0px;
    left: -60px;
}

.banner_trust_img ul {
    display: flex;
    align-items: center;
    margin: 30px 0 0;
}

.banner_trust_img ul li {
    list-style: none;
    margin: 0 30px 0 0;
}

/*.consultation_services*/
.consultation_services_sec {
    padding: 70px 0 70px;
}

.consultation_services_box {
    padding: 20px 0 0;
}

.consultation_services_box p.para {
    margin: 20px 0 0;
}

/* logo_design Page*/
/*unique-logo-sec*/
.unique-logo-sec {
    padding: 0px 0 70px;
    /* background: #f0eeee; */
}

.uniq-web-design-div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-st {
    display: none;
}

li.uniq-logo-div-li.uniq-logo-div-li-2 .uniq-lg-details h3 {
    color: #fff;
}

li.uniq-logo-div-li.uniq-logo-div-li-2 .uniq-lg-details h5 {
    color: #fff;
}

li.uniq-logo-div-li.uniq-logo-div-li-2 .uniq-lg-details p {
    color: #fff;
    padding-top: 15px;
}

li.uniq-logo-div-li.uniq-logo-div-li-3 .uniq-lg-details h3 {
    color: #fff;
}

li.uniq-logo-div-li.uniq-logo-div-li-3 .uniq-lg-details p {
    color: #fff;
    padding-top: 15px;
}

.uniq-lg-ul ul li {
}

.logo-inner-u-txt ul li {
    margin: 0 2px;
}

.logo-inner-u-txt ul li {
    width: 33%;
}

li.uniq-logo-div-li.uniq-logo-div-li-1 .uniq-lg-details h3 {
    color: #fff;
}

li.uniq-logo-div-li.uniq-logo-div-li-1 .uniq-lg-details p {
    color: #fff;
    padding-top: 15px;
}

li.uniq-logo-div-li.uniq-logo-div-li-4 .uniq-lg-details h3 {
    color: #fff;
}

li.uniq-logo-div-li.uniq-logo-div-li-4 .uniq-lg-details p {
    color: #fff;
    padding-top: 15px;
}

.uniq-lg-details p {
    padding-top: 15px;
}

li.uniq-logo-div-li.uniq-logo-div-li-5 .uniq-lg-details h3 {
    color: #fff;
}

li.uniq-logo-div-li.uniq-logo-div-li-5 .uniq-lg-details p {
    color: #fff;
}

li.uniq-logo-div-li.uniq-logo-div-li-6 .uniq-lg-details h3 {
    color: #fff;
}

li.uniq-logo-div-li.uniq-logo-div-li-6 .uniq-lg-details p {
    color: #fff;
}

.uniq-logo-bx {
    background: #663399;
    height: 100%;
    width: 100%;
    min-height: 500px;
    position: relative;
    transform: translate(0, 0);
    transition-duration: 1s
}

.uniq-logo-bx-co-div {
    transition-duration: 1s;
    transform: translateX(10px);
    position: relative;
    z-index: 1
}

.uniq-logo-bx-co-div.asd {
    transition-duration: 1s;
    transform: translateX(0)
}

.uniq-logo-bx:hover {
    transform: translate(0, -10px)
}

.logo-new-innercol, .logo-new-innercol h2 {
    display: none
}

.lg-bx-unq-1 {
    background: linear-gradient(to bottom, #5beaff 0, #4fb1ff 100%)
}

.lg-bx-unq-2 {
    background: linear-gradient(to bottom, #5893ff 0, #596cff 100%)
}

.lg-bx-unq-3 {
    background: linear-gradient(to bottom, #aedcff 0, #5a87ff 100%)
}

.lg-bx-unq-4 {
    background: linear-gradient(to bottom, #ffac47 0, #ff428d 100%)
}

.lg-bx-unq-5 {
    background: linear-gradient(to bottom, #2de3be 0, #339b92 100%)
}

.lg-bx-unq-6 {
    background: linear-gradient(to bottom, #ffd546 0, #ff984c 100%)
}

.uniq-logo-bx h3 {
    transform: rotate(-90deg);
    width: 100%;
    text-shadow: 3.694px 4.728px 6px rgba(0, 0, 0, .16);
    color: #fff;
    font-weight: 700;
    position: absolute;
    bottom: 160px;
    width: 290px;
    left: -60px;
    right: 0
}

.uniq-logo-bx img {
    margin: 0 auto;
    display: table
}

.unique-logo-sec .hd-txt {
    text-align: center;
    /* padding-bottom: 30px */
}

.logo-inner-u-txt ul {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center
}

.logo-inner-u-txt {
    padding-left: 130px;
    position: relative;
    width: 800px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.logo-inner-u-txt h3 {
    font-weight: 600;
    font-size: 24px;
}

.logo-inner-u-txt h5 {
    font-weight: 600;
    font-size: 24px;
}

.logo-new-inner-div {
    position: relative
}

p.cncl-btn {
    position: absolute;
    right: 10px;
    top: -33px;
    color: #28befe;
    font-weight: 700;
    font-size: 20px;
    cursor: pointer
}

p.cncl-btn:before {
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 2px
}

.logo-inner-u-txt:before {
    content: '';
    position: absolute;
    left: -30px;
    height: 2px;
    width: 100%;
    background: #28befe;
    top: -19px;
    z-index: 0
}

.design-ul ul li p {
    min-height: 95px
}

.uniq-lg-ul ul {
    list-style: none;
    padding: 0;
    display: inline-flex;
    align-items: center
}

li.uniq-logo-div-li {
    display: inline-flex;
    height: 100%;
    position: relative
}

li.uniq-logo-div-li .uniq-lg-1 {
    width: 8%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column-reverse
}

li.uniq-logo-div-li .uniq-lg-details {
    width: 100%
}

.uniq-lg-1 h3 {
    position: absolute;
    width: 275px;
    transform: rotate(270deg);
    margin: auto;
    height: 45px;
    bottom: 0;
    top: 0;
    padding-top: 10px;
    padding-left: 20px
}

.uniq-lg-ul ul {
    list-style: none;
    padding: 0;
    display: inline-flex;
    align-items: center;
    min-height: 490px;
    flex-wrap: wrap;
}

li.uniq-logo-div-li {
    display: inline-flex;
    height: 100%;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: url(../images/uniq-logo-div-bg.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
}

li.uniq-logo-div-li .uniq-lg-1 {
    width: 8%;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    padding-bottom: 0
}

li.uniq-logo-div-li .uniq-lg-details {
    width: 110px;
    padding: 20px 0;
    overflow: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition-duration: 1.5s;
    border-right: 1px solid #5e73bf;
}

.logo-inner-u-txt p {
    padding-right: 20px;
    min-height: 150px;
    width: 60%;
}

.uniq-lg-1 h3 {
    position: absolute;
    width: 275px;
    transform: rotate(270deg);
    margin: auto;
    height: 45px;
    bottom: 0;
    top: 0;
    padding-top: 0;
    padding-left: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 1.96;
    text-shadow: 3.694px 4.728px 6px rgb(0 0 0 / 16%)
}

.uniq-lg-ul ul img {
    width: 100%;
    margin: 10px 0px 0 0;
}

.logo-inner-u-txt:before {
    display: none
}

li.uniq-logo-div-li.uniq-logo-div-li-1 .uniq-lg-details {
}

li.uniq-logo-div-li.uniq-logo-div-li-2 .uniq-lg-details {
}

li.uniq-logo-div-li.uniq-logo-div-li-3 .uniq-lg-details {
}

li.uniq-logo-div-li.uniq-logo-div-li-4 .uniq-lg-details {
}

li.uniq-logo-div-li.uniq-logo-div-li-5 .uniq-lg-details {
}

li.uniq-logo-div-li.uniq-logo-div-li-6 .uniq-lg-details {
}

li.uniq-logo-div-li:hover .uniq-lg-details {
    width: 800px
}

.uniq-lg-details h4 {
    transform: rotate(270deg);
    text-align: left;
    position: absolute;
    right: 0;
    bottom: 190px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    width: 260px;
    left: -65px;
    text-shadow: 3.694px 4.728px 6px rgba(0, 0, 0, .16);
    text-transform: uppercase;
}

img.uniq-l-dtl {
    width: auto!important;
    position: absolute;
    bottom: 10px;
    left: 40px;
}

li.uniq-logo-div-li.uniq-logo-div-li-1.active .uniq-lg-details, li.uniq-logo-div-li.uniq-logo-div-li-2.active .uniq-lg-details, li.uniq-logo-div-li.uniq-logo-div-li-3.active .uniq-lg-details, li.uniq-logo-div-li.uniq-logo-div-li-4.active .uniq-lg-details, li.uniq-logo-div-li.uniq-logo-div-li-5.active .uniq-lg-details, li.uniq-logo-div-li.uniq-logo-div-li-6.active .uniq-lg-details {
    width: 590px;
}

li.uniq-logo-div-li.uniq-logo-div-li-1 {
    opacity: .9;
}

li.uniq-logo-div-li.uniq-logo-div-li-2 {
    opacity: .8;
}

li.uniq-logo-div-li.uniq-logo-div-li-3 {
    opacity: .7;
}

li.uniq-logo-div-li.uniq-logo-div-li-4 {
    opacity: .6;
}

li.uniq-logo-div-li.uniq-logo-div-li-5 {
    opacity: .5;
}

li.uniq-logo-div-li.uniq-logo-div-li-6 {
    opacity: .4;
}

li.uniq-logo-div-li.active {
    opacity: 1;
}

/*unique-logo-sec*/
.bnr-btn {
    float: left;
    clear: both;
    width: 100%;
    margin: 20px 0 30px;
}

/*price-sec*/
.price-sec {
    padding: 65px 0 0px;
    position: relative;
}

.price-sec .hd-txt {
    text-align: center;
}

.price-bx {
    background: #fff;
    box-shadow: 2px 2px 11px 4px #7b7b7b36;
    border-radius: 10px;
    padding: 50px 10px 60px;
    margin: 0px 0px 30px;
    transition-duration: 1s;
}

.price-bx:hover {
    background: url(../images/price-bg-pck.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition-duration: 1s;
    margin-left: 0;
    margin-right: 0;
}

.price-bx:hover .price-list::-webkit-scrollbar-track {
    background: #3db4e6;
}

.price-bx:hover .price-list::-webkit-scrollbar-thumb {
    background: #fff;
}

/* width */
.price-list::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.price-list::-webkit-scrollbar-track {
    background: #e4e4e4;
    border-radius: 10px;
}

/* Handle */
.price-list::-webkit-scrollbar-thumb {
    background: #323232;
    border-radius: 10px;
}

/* Handle on hover */
.price-list::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}

.price-bx:hover h3, .price-bx:hover h2, .price-bx:hover strike {
    color: #fff;
}

.price-bx:hover h3:before {
    background: #3db4e6;
}

.price-bx:hover .price-btn .live-cht {
    border-color: #fff;
    color: #fff;
}

.price-bx:hover .price-btn .get-started {
    background: #fff;
    color: #235acf;
}

.price-bx:hover .price-btn .phone-st {
    color: #fff;
}

.price-bx:hover li {
    color: #fff;
}

.price-bx img {
    margin: 0px auto 20px;
    display: table;
    margin-bottom: 20px;
}

.price-bx h3 {
    text-align: center;
    padding-bottom: 10px;
    position: relative;
    font-size: 21px;
    color: #323232;
    font-weight: 600;
}

.price-amount {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0 28px;
}

.price-amount h2 {
    font-size: 46px;
    font-weight: 600;
    color: #323232;
}

.price-amount strike {
    font-size: 22px;
    font-weight: 500;
    margin-right: 10px;
}

.price-bx h3:before {
    content: '';
    background: #d0d0d0;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 116px;
    height: 6px;
    border-radius: 50px;
}

.price-btn {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.price-btn .get-started {
    background: #235acf;
    color: #fff;
    padding: 10px 25px;
    font-size: 12px;
    border-radius: 0 14px 14px 25px;
}

.price-btn .live-cht {
    padding: 9px 25px;
    font-size: 12px;
    border-radius: 0 14px 14px 25px;
    margin: 0 10px;
}

a.phone-st {
    padding-top: 10px;
}

ul.price-list {
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 20px;
    margin-right: 10px;
    margin-bottom: 25px;
}

.price-sec:before {
    content: '';
    background: #fec931;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 428px;
}

.price-bx-1 {
    margin-top: 0;
}

/*price-sec*/
/*combo*/
.combo-pack {
    padding: 30px 0 30px;
    position: relative;
    overflow: hidden;
}

.combo-bg-st:before {
    content: '';
    background: url(../images/cmb-icon-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 143px;
    width: 185px;
    position: absolute;
    top: 22px;
    left: 20px;
    z-index: 1;
}

.combo-bg-st {
    background: url(../images/combo-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 50px 0 92px;
    border-radius: 20px;
    position: relative;
}

.combo-bg-st:after {
    content: '';
    background: url(../images/cmb-icon-3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 117px;
    width: 153px;
    position: absolute;
    top: 45px;
    right: 70px;
    z-index: 1;
}

.combo-hd-txt {
    text-align: center;
}

.cmb-price-div {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 35px;
}

.cmb-list {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.cmb-list:after {
    content: '';
    background: url(../images/cmb-icon-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 106px;
    width: 183px;
    position: absolute;
    bottom: -130px;
    right: 15px;
    z-index: 1;
}

.cmb-list ul {
    padding-left: 30px;
    padding-right: 15px;
    width: 38%;
    margin: 0 20px;
}

.cmb-price-div h2 {
    font-size: 54px;
    color: #fff;
    font-weight: 600;
}

.cmb-price-div strike {
    font-size: 25px;
    color: #fff;
    margin-right: 15px;
}

.combo-hd-txt h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    position: relative;
}

.combo-hd-txt h5 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    position: relative;
}

.combo-hd-txt h2:before {
    content: '';
    background: #40a8dc;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
    width: 60%;
    height: 6px;
    border-radius: 50px;
}

.combo-hd-txt h5:before {
    content: '';
    background: #40a8dc;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
    width: 60%;
    height: 6px;
    border-radius: 50px;
}

.cmb-list li {
    color: #fff !important;
}

.cmb-btn {
    text-align: center;
    padding-top: 0;
}

ul.price-list li {
    font-size: 15px;
    color: #1c1c1c;
    margin: 0 0 10px;
    align-items: center;
    list-style: none;
}

.price-btn .order_btn_img {
    margin: -10px 0 0;
}

.cmb-btn .order_btn_img {
    margin: -90px auto 0;
    display: table;
}

/*combo*/
/*ORM*/
.banner_orm {
    background: url(../images/banner-orm.jpg);
}

.banner_orm img.banner_img {
    top: 40px !important;
}

.orm_sec {
    padding: 0 0 70px;
    position: relative;
}

.orm_sec:before {
    background: url(../images/vecter-img1.png);
    position: absolute;
    content: "";
    width: 62px;
    height: 134px;
    bottom: 100px;
}

.orm_sec:after {
    background: url(../images/h-ser-object4.png);
    position: absolute;
    content: "";
    width: 137px;
    height: 132px;
    bottom: 0;
    right: 30px;
    top: 0;
    margin: auto;
}

.orm_sec_boxes {
    position: relative;
}

.orm_sec_boxes:before {
    background: url(../images/plus.png);
    position: absolute;
    content: "";
    width: 46px;
    height: 46px;
    bottom: 0;
    margin: auto;
    top: 320px;
    left: -130px;
}

.orm_sec_box h3 {
    text-align: center;
    color: #414141;
    font-size: 20px;
    font-weight: 600;
}

.orm_sec_box h4 {
    text-align: center;
    color: #414141;
    font-size: 20px;
    font-weight: 600;
}

.orm_sec_box p {
    text-align: center;
    color: #414141;
    font-size: 16px;
}

.orm_sec_box {
    padding: 30px 30px 30px;
    border: 1px solid #ccc;
    min-height: 320px;
}

.orm_sec_boxes .col-sm-4 {
    padding: 0;
}

.orm_sec_boxes .orm_sec_box {
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
}

.orm_sec_boxes .col-sm-4:nth-child(3) .orm_sec_box {
    border-right: 0px solid transparent;
}

.orm_sec_boxes .col-sm-4:nth-child(6) .orm_sec_box {
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
}

.orm_sec_boxes .col-sm-4:nth-child(5) .orm_sec_box, .orm_sec_boxes .col-sm-4:nth-child(4) .orm_sec_box {
    border-bottom: 0px solid transparent;
}

/*ORM*/
/*video_animation*/
.banner_video_animation {
    background: url(../images/banner-video.jpg);
}

.banner_video_animation img.banner_img {
    top: 0 !important;
}

.video_consultation_services_sec {
    padding: 70px 0 0;
}

/*video_animation*/
/*ecom-design*/
.banner_ecomwendisgn {
    background: url(../images/ecom-page/banner-website.jpg);
}

.banner_ecomwendisgn a.chat.tr_btn_blue {
    color: #fff;
}

/*ecom-design*/
/*Webdesign*/
.banner_webdisgn {
    background: url(../images/banner-website.jpg);
}

.banner_webdisgn img.banner_img {
    top: 45px;
    left: 0;
}

.video_consultation_services_sec {
    padding: 70px 0 0;
}

/*Webdesign*/
/*logo_animation*/
.banner_logo_animation {
    background: url(../images/banner-logoanimation.jpg);
}

.banner_logo_animation img.banner_img {
    top: 30px;
    left: -50px;
}

.video_consultation_services_sec {
    padding: 70px 0 0;
}

.logo_consultation_services_sec .consultation_services_box_img {
    margin: -60px 0 0;
}

/*logo_animation*/
/*packages*/
.banner_packages {
    background: url(../images/banner-packages.jpg);
}

.banner_packages img.banner_img {
    top: 32px;
    left: 0;
}

.packages_consultation_services_sec {
    padding: 70px 0 0px;
}

.packages_consultation_services_sec .consultation_services_box_img {
    margin: -60px 0 0;
}

/*packages*/
/*portfolio*/
.banner_portfolio {
    background: url(../images/banner-portfolio.jpg);
    background-position: center !important;
}

.banner_portfolio img.banner_img {
    top: 210px;
    left: 0;
    bottom: 0;
    margin: auto;
}

.portfolio_consultation_services_sec {
    padding: 70px 0 0px;
}

.portfolio_consultation_services_sec .consultation_services_box_img {
    margin: -60px 0 0;
}

/*
/*portfolio*/
/*Seo*/
.banner_seo {
    background: url(../images/banner-seo.jpg);
    background-position: center !important;
}

.banner_seo img.banner_img {
    top: 30px;
    left: 0;
    bottom: 0;
    margin: auto;
}

.seo_consultation_services_sec {
    padding: 60px 0 15px;
}

.professional_seo_sec {
    background-color: #f6f5f5;
}

.professional_seo_box_img img {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    mix-blend-mode: darken;
}

.banner_seo .banner_trust_img ul li:first-child img, .banner_packages .banner_trust_img ul li:first-child img {
    filter: brightness(0.5);
}

/* seo_services */
.seo_services_box .title {
    font-size: 30px;
    width: 105%;
    margin: 0 0 15px;
}

.seo_services_sec {
    padding: 100px 0 100px;
    background: url(../images/seo-services-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.seo_services_tab_content {
    background-color: #f6f5f5;
    padding: 0 20px 0;
    min-height: 350px;
    align-content: center;
    display: grid;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 10px 10px #0000003b;
}

.seo_services_box .tab-content .col-sm-4 {
    padding: 0 10px;
}

.seo_services_box_tabs .nav>li>a {
    position: relative;
    display: block;
    padding: 18px 13px;
    margin: 0 0 15px;
    background-color: #ebebeb;
    /* width: 100%; */
    text-align: center;
    font-size: 20px;
    border-radius: 15px;
    color: #000;
    font-weight: 600;
}

.seo_services_box .tab-content {
    margin: 40px 0 0 20px;
}

.seo_services_tab_icon {
    /* width: 200px; */
    height: 60px;
    align-items: center;
    display: grid;
    margin: auto;
}

.seo_services_tab_content h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}

.seo_services_tab_content p {
    color: #000000;
    font-size: 16px;
}

.seo_services_tab_content h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}

.seo_services_tab_content p {
    color: #000000;
    font-size: 16px;
}

.seo_services_box_tabs ul.nav.nav-tabs {
    border-bottom: 0px solid;
    margin: 60px 0 0;
}

.seo_services_box_tabs ul.nav.nav-tabs li a, .seo_services_box_tabs ul.nav.nav-tabs li.active a {
    border: none;
}

.seo_services_box_tabs ul.nav.nav-tabs li {
    /* display:table; */
    float: none;
    /* width: 100%; */
}

.seo_services_box_tabs .nav-tabs>li.active>a, .seo_services_box_tabs .nav-tabs>li.active>a:focus, .seo_services_box_tabs .nav-tabs>li.active>a:hover {
    color: #fff !important;
    cursor: default;
    background-color: #235acf !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

/* seo_services */
/* type_of_seo_sec */
.type_of_seo_sec {
    background-color: #f1f1f1;
    padding: 65px 0 70px;
}

.type_of_seo_box h3 {
    font-size: 24px;
    color: #333333;
    font-weight: 700;
    margin: 20px 0 15px;
}

.type_of_seo_box h4 {
    font-size: 24px;
    color: #333333;
    font-weight: 700;
    margin: 20px 0 15px;
}

.type_of_seo_box p {
    font-size: 15px;
    color: #373737;
}

.type_of_seo_boxes ul.nav.nav-tabs {
    border: none;
}

.type_of_seo_boxes ul.nav.nav-tabs li a:hover, .type_of_seo_boxes ul.nav.nav-tabs li a:focus {
    text-decoration: none;
}

.type_of_seo_boxes {
    display: table;
    margin: 150px 0 0;
}

.type_of_seo_box {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 0px 20px;
    min-height: 283px;
    align-content: center;
    display: grid;
    margin: 0 0 0;
    /* transition-duration: .5s; */
}

.type_of_seo_box:hover, li.active .type_of_seo_box {
    background: url(../images/type-of-seo-hover-img.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border: 1px solid transparent;
    box-shadow: 0 14px 15px rgb(0 0 0 / 13%);
}

.type_of_seo_boxes2 {
    background: url(../images/type-of-seo-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    display: table;
    padding: 70px 70px 40px;
    background-size: 100%;
    margin: 30px 0 0;
}

.type_of_seo_box2 h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin: 0px 0 25px;
}

.type_of_seo_box2 h5 {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin: 0px 0 25px;
}

.type_of_seo_box2 p {
    font-size: 16px;
    color: #fff;
}

.type_of_seo_box2 a {
    color: #fff200;
    font-size: 16px;
    font-weight: 600;
    display: table;
    margin: 30px 0 0;
}

/* seo_services_slider_sec */
.seo_services_slider_sec {
    background: url(../images/seo-ser-slid-bg.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    padding: 70px 0 120px;
}

.seo_services_slider_box {
    border: 2px solid #235acf;
    padding: 30px 30px;
    /* width: 50%; */
    min-height: 360px;
    align-content: center;
    display: grid !important;
    width: 90% !important;
    margin: auto;
    border-radius: 7px;
    text-align: center;
}

.seo_services_slider {
    margin: 50px 0 0 !important;
}

.seo_services_slider_box h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0px 20px;
}

.seo_services_slider_box h6 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0px 20px;
}

.seo_services_slider_box p {
    color: #c0c3de;
    font-size: 15px;
    margin: 0px;
}

.seo_services_slider_box_icon {
    margin: auto;
}

.seo_services_slider .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.seo_services_slider .slick-dots li.slick-active button {
    background-color: #fff;
}

.seo_services_slider .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
}

.seo_services_slider .slick-dots li button {
    background-color: transparent;
    border-radius: 50px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
}

/* seo_services_slider_sec */
/*SEO*/
/*Seo*/
/*SMM*/
.banner_smm {
    background: url(../images/banner-smm.jpg);
    background-position: center !important;
}

.banner_smm img.banner_img {
    top: 40px;
    left: 0;
    bottom: 0;
    margin: auto;
}

.smm_consultation_services_sec {
    padding: 60px 0 15px;
}

.professional_smm_sec {
    background-color: #f6f5f5;
}

.professional_smm_box_img img {
    width: 110%;
    position: relative;
    left: -60px;
    top: 0;
    mix-blend-mode: darken;
}

.banner_portfolio .banner_trust_img ul li:first-child img {
    filter: brightness(0.5);
}

.smm_services_slider_sec h2.title {
    font-size: 34px;
}

.professional_smm_sec h2.title {
    font-size: 32px;
}

/*SMM*/
/*.navbar_custom .navbar-nav {
    float: none;
    margin: auto;
    display: table;
    position: relative;
    left: -70px;
}*/
/* terms_condition */
.terms_condition {
    padding: 130px 0 70px;
}

.terms_condition h1.title {
    margin: 0 0 20px;
}

.terms_condition h2.title {
    margin: 30px 0 15px;
}

/* terms_condition */
/*Review*/
.review_sec .moreBox {
    display: none;
}

.review_boxes {
    margin: 50px 0px 0px;
}

.review_inner {
    margin: 0px 0px 60px;
}

.review_inner {
    background: rgb(218, 218, 218);
    position: relative;
    border-radius: 14px 14px 14px 0px;
    border: 0;
}

.review_inner::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 180px;
    width: 0px;
    height: 0px;
    border-right: 35px solid transparent;
    border-top: 36px solid rgb(218, 218, 218);
    border-left: 0px solid transparent;
    left: 0px;
}

.review_inner:hover::before {
    border-right: 35px solid transparent;
    border-top: 36px solid rgb(35, 90, 207);
    border-left: 0px solid transparent;
    left: 1px;
}

h3.review_name {
    margin: 0px;
    font-size: 18px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    width: 60%;
    float: left;
}

.review_ret {
    width: 40%;
    float: right;
    text-align: right;
}

.review_body {
    padding: 20px 15px 15px;
    border-width: 1px 1px 0px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    height: 130px;
    overflow-y: auto;
    /* border: 1px solid transparent; */
    /* border-radius: 14px 14px 0 14px; */
}

.review_footer {
    padding: 15px 15px 35px;
    border-radius: 0px;
    border-width: 0px 1px 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
}

.review_body p {
    margin: 0px;
}

.review-rating i {
    color: rgb(255, 228, 0);
    font-size: 18px;
}

.review-rating .fa-star::before {
    content: "/f005";
}

.review_inner:hover {
    background-color: rgb(35, 90, 207);
    border-radius: 0px;
    color: rgb(255, 255, 255);
}

.review_inner:hover h3 {
    color: rgb(255, 255, 255);
}

.red_btn_more {
    text-transform: uppercase;
    font-weight: 600;
    background: rgb(0, 132, 205);
    border: 1px solid rgb(0, 132, 205);
    color: rgb(255, 255, 255);
    padding: 14px 65px 11px;
    font-size: 18px;
    transition: all 0.1s linear 0s;
    margin: auto;
    display: table;
    border-radius: 5px;
}

.red_btn_more:hover {
    background: rgb(35, 90, 207);
}

#loadMoreMore {
    display: none;
}

.loadMore_Btn {
    margin: auto;
    display: table;
}

.hide_review {
    display: none;
}

.review_body::-webkit-scrollbar {
    width: 5px;
}

.review_body::-webkit-scrollbar-track {
    border-radius: 10px;
}

.review_body::-webkit-scrollbar-thumb {
    background: rgb(35, 90, 207);
    border-radius: 10px;
}

.review_body:hover::-webkit-scrollbar-thumb {
    background: rgb(255, 255, 255);
}

#loadMore {
    margin: auto;
    display: grid;
    border: none;
    border-radius: 14px;
    padding: 11px 55px !important;
    border-radius: 14px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.review_sec {
    padding: 70px 0 70px;
}

/*Review*/
/*Hover Effect*/
.portfolio_box {
    position: relative;
    border-radius: 0;
}

.portfolio_box a {
    transition-duration: .5s;
    overflow: hidden;
    width: 100%;
    display: block;
    border-radius: 12px;
}
.portfolio_box a:focus {
    outline: 0;
}

.portfolio_box a:hover:before {
    content: "";
    position: absolute;
    background-color: rgba(21, 21, 21, .84);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    border-radius: 12px;
}

.portfolio_box a:after, .portfolio_box a:before {
    transition-duration: .5s
}

.portfolio_box a:hover:after {
    content: "Preview";
    position: absolute;
    background: url(../images/play-btn.png);
    background-repeat: no-repeat;
    height: 160px;
    width: 90px;
    top: -30px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: grid;
    color: #fff;
    text-align: center;
    line-height: 33px;
    background-position: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    z-index: 99;
    margin: auto;
    align-items: end;
    background-size: 70%
}

.portfolio_box img {
    width: 100%;
    object-fit: fill;
    transition-duration: .9s;
    min-height: 261px;
}

.portfolio_box a:hover img {
    transform: scale(1.1);
}

/*Hover Effect*/
.iconic-sec .tabs .nav-tabs>li.active>a, .iconic-sec .tabs .nav-tabs>li.active>a:focus, .iconic-sec .tabs .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #06369c;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #fff;
}

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

.iconic-sec .nav-tabs {
    border-bottom: 0 solid #ddd;
    background-color: #235acf;
    display: flex;
    justify-content: center;
    box-shadow: 0 5px 0 #235acf;
    border-radius: 10px;
}

section.iconic-sec {
    padding: 50px 0;
    background: url(../images/iconoic-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.iconic-image-box li img {
    width: 100%;
    padding: 0 0 0 20px
}

.iconic-image-box li.iconic-box {
    width: 100%;
    padding-bottom: 20px
}

.iconic-image-box li {
    width: 50%;
    float: left;
    margin: 0
}

.iconic-image-box ul {
    list-style: none;
    padding: 0
}

.iconic-image-box li img {
}

.iconic-text h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    color: #fff;
}

.iconic-text h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    color: #fff;
}

.iconic-text {
    text-align: center
}

.iconic-text p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    padding: 20px 0 50px;
}

.iconic-btn a.blue_btn {
    padding: 13px 30px;
    border-width: 1.5px;
    border-color: #000;
    border-style: solid;
    border-radius: 6px;
    color: #000;
    font-weight: 600
}

.iconic-btn a img {
    margin-left: 10px;
    filter: brightness(0)
}

.iconic-sec .tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 12px
}

.iconic-main h2 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
}

.iconic-main h5 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
}

.iconic-main p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    padding-top: 15px;
}

.wordpress-sec .iconic-nav li.active a {
    background-color: #075e52!important;
    border: 0;
    color: #fff;
    outline: 0!important
}

.iconic-nav .nav-tabs li a {
    color: #fff
}

.iconic-nav a {
    color: #fff
}

.iconic-nav li.active a:focus {
    border: 0
}

.iconic-nav li a {
    border: 0!important;
    text-align: center;
    font-size: 16px;
    padding: 0 40px;
    position: relative;
    min-height: 100px;
    align-content: center;
    display: grid
}

.iconic-nav>li {
    margin: 0!important
}

.iconic-nav span {
    font-size: 14px!important
}

.iconic-nav>li.active::before {
    display: block
}

.iconic-nav>li::before {
    content: '';
    background: url(../images/typ/tabs-icon.png);
    position: absolute;
    height: 23px;
    width: 19px;
    right: 0;
    background-repeat: no-repeat;
    bottom: -15px;
    left: 0;
    z-index: 0;
    margin: auto;
    z-index: 1;
    display: none
}

.web-design-banner img {
    width: auto
}

.web-design-banner .banner-img-box {
    padding-top: 0
}

.desinig-box img {
    width: auto
}

.business-list ul li {
    list-style: none;
    width: 50%;
    float: left
}

.business-list ul li {
    list-style: none;
    width: 50%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 30px;
    align-items: center
}

section.iconic-sec ul li a:hover, section.iconic-sec ul li a:focus {
    background-color: #06369c!important;
    border: 0;
    color: #fff;
    outline: 0!important;
}

.business-list ul li i {
    margin: 0 8px 0 0
}

.business-list {
    padding-top: 30px
}

.iconic-image-box img {
    padding-top: 35px
}

.iconic-main h4 {
    margin: 0;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    padding-top: 10px
}

.business-list a.nav_num:hover {
    background-color: transparent;
    color: #000;
    border: solid 1px;
    border-color: #000
}

.business-list.iconic-btn a.nav_num:hover img {
    filter: brightness(0)
}

.iconic-image-box img {
    width: 100%;
}

section.iconic-sec .tr_btn_blue {
    color: #fff;
    border-color: #fff;
    background: linear-gradient(to left, transparent 50%, #235acf 50%);
    background-size: 212%;
    background-position: right bottom;
}

section.iconic-sec .tr_btn_blue:hover {
    background: linear-gradient(to left, transparent 50%, #ffffff 50%);
    background-size: 210%;
    color: #000;
}

.ch-box {
    width: 80%;
}

.footer-logo {
    filter: brightness(100);
    margin-top: 12px;
    width: 200px;
}

/*view-detail*/
.veiw-dtl-sec-st .row {
    display: flex;
    align-items: center;
}

.veiw-dtl-sec-st .row .consultation_services_boxes {
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-dtl-txt h2 {
    font-size: 45px;
    font-weight: bold;
}

.view-dtl-txt {
    margin: 0 !important;
}

.view-del-btn {
    position: relative;
}

.view-del-btn {
    position: relative;
    top: -27px;
    text-align: center;
    margin-top: 50px;
}

.client_logo_boxes img {
    width: 135px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    filter: grayscale(1);
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.client_logo_boxes img:hover {
    filter: none;
}

/*view-detail*/
.soc a img {
    width: 30px;
    margin-bottom: 15px;
}

.soc a i {
    font-size: 25px;
    color: #fff;
}

.soc a {
    margin-right: 10px;
}

#loadMore_port {
    margin: 20px auto 30px;
    display: table;
}

.price-btn .packages_tel {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.price-btn .packages_tel i {
    margin: 0 9px 0 0;
}

.tech-slide {
    margin: 20px 0 0;
    width: 75%;
    margin: 0 auto;
    margin-top: 20px;
}

.tech-img-logo img {
    height: 60px;
}

/*.footer .col-sm-4.col-xs-12 h4{
    text-align: center;
}
*/
.footer .col-sm-4.col-xs-12 ul {
    display: flex;
    flex-wrap: wrap;
}

.footer .col-sm-4.col-xs-12 ul li {
    width: 50%;
    display: flex;
    align-items: flex-start;
}
.footer .col-sm-4.col-xs-12 ul li i {
    position: relative;
    top: 5px;
    color: #fff;
}

.banner_main::before {
    position: absolute;
    content: "";
    background: #dd1e245c;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.banner_box h4 {
    display: none;
}

.banner_box ul {
    margin: 22px 0 30px;
    list-style: none;
}

.banner_box li {
    font-size: 14px;
    margin-bottom: 11px;
    font-weight: 600;
    color: white;
}

.banner_box img {
    padding-right: 10px;
}

.drop-new {
    position: absolute;
    top: 14px;
    right: 11px;
}

.home-banner .price_batch {
    right: 34px;
    top: 108px;
}

[class^=box-] {
    display: none
}

[class^=box-].showfirst {
    display: block
}

/*industry-sec*/
.industry-banner {
    background: url(../images/industry-sec/accounting/banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.industry-banner .banner_box {
    padding-top: 0;
}

.indus-bnr-slide-box img {
    width: 100%;
}

.industry-banner:before {
    display: none;
}

.industry-banner .row {
    display: flex;
    align-items: center;
}

.industry-bnr-slider {
    left: 100px;
}

.industry-banner .banner_box h1 {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: bold;
}

.industry-banner .banner_box h1 span {
    display: block;
}

.industry-banner .wht_btn {
    background: linear-gradient(to left, #fff0 50%, #9ad602 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #fff !important;
    color: #fff;
}

.industry-banner .wht_btn:hover {
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
    color: #000;
    border-color: #9ad602 !important;
}

.industry-banner .tr_btn {
    background: linear-gradient(to left, #9ad602 50%, #9ad60200 50%);
    background-size: 220%;
    background-position: right bottom;
    border: 1px solid #9ad602;
    color: #000;
}

.industry-banner .tr_btn:hover {
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
    color: #fff;
    border-color: #fff;
}

.industry-btn-account .wht_btn {
    background: linear-gradient(to left, #162578 50%, #9ad602 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #fff !important;
    color: #fff;
}

.industry-btn-account .wht_btn:hover {
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
    color: #000;
    border-color: #9ad602 !important;
}

.industry-btn-account .tr_btn {
    background: linear-gradient(to left, #9ad602 50%, #162578 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #9ad602;
    color: #000;
}

.industry-btn-account .tr_btn:hover {
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
    color: #fff;
    border: 1px solid #fff;
}

.client_logo.industry-cl-logo {
    border-radius: 0 0 150px 150px;
    width: 75%;
    margin: 0 auto;
    padding: 30px 0;
}

.industry-about-sec {
    padding: 70px 0;
    background: url(../images/industry-sec/accounting/about-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.about-txt-indus h2 {
    font-weight: 400;
    color: #162578 !important;
}

.about-txt-indus p {
    font-size: 48px;
    font-weight: 600;
    color: #162578 !important;
}

.about-side-img-industry img {
    width: 110%;
    position: relative;
    left: -10px;
}

.about-side-img-industry {
    position: relative;
    z-index: 1;
    /* overflow: hidden; */
    padding: 25px 0 70px;
    display: flex;
    align-items: center;
}

.about-side-img-industry:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border: 10px solid #e6e7e8;
    z-index: -1;
}

.about-side-img-industry:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -45px;
    margin: auto;
    width: 350px;
    height: 530px;
    bottom: 0;
    border-radius: 0 0 200px 200px;
    z-index: -2;
    background: #9ad602;
}

.about-txt-detl-indus .industry-btn-account {
    padding-top: 20px;
}

.about-txt-detl-indus p {
    font-size: 18px;
    margin: 0;
}

.cta-sec-industry {
    background: #9ad602;
    padding: 0 6vw;
    height: 250px;
}

.cta-sec-industry .cta-list {
    display: flex;
    align-items: center;
    height: 250px;
}

.cta-sec-industry .cta-list ul {
    padding: 0;
    list-style: none;
}

.button.industry-btn-.cta-sec-industry .cta-list ul account {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cta-sec-industry .cta-txt h2 {
    font-size: 48px;
    text-align: center;
    margin: 0;
}

.cta-sec-industry .cta-list ul .button.industry-btn-account {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn {
    background: linear-gradient(to left, #0d645d00 50%, #162578 50%);
    background-size: 212%;
    background-position: right bottom;
    color: #0d645d;
    border: 1px solid #0d645d;
}

.cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn:hover {
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
    color: #fff;
    border-color: #12685a;
}

.cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn {
    background: linear-gradient(to left, #162578 50%, #9ad60200 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #162578 !important;
}

.cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn:hover {
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
    border-color: #0d6437 !important;
    color: #0d6437 !important;
}

.cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child {
    margin: 25px 0 0 0;
    font-size: 36px;
    font-weight: bold;
    color: #0d645d;
}

.cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child img {
    margin-right: 25px;
}

.price-sec-industry .view-del-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.price-sec-industry .view-del-btn .blue_btn {
    padding: 15px 30px !important;
}

.price-sec-industry .view-del-btn .tr_btn_blue {
    padding: 15px 30px !important;
    margin-left: 9px;
}

section.our-portfolio-industry .port-inner-indus img {
    width: 100%;
    position: absolute;
    transform: translateY(0);
    top: 0;
    left: 0;
    right: 0;
    background-position: top;
    transition: all 2.5s ease-in-out;
    z-index: 2;
}

.our-portfolio-industry .slick-current .port-box-indus:hover img {
    background-position: bottom;
    transform: translateY(-800px);
}

.our-portfolio-industry .slick-current .port-box-indus {
    transform: scale(1.4);
    box-shadow: 2px 2px 20px 0px #00000036;
    z-index: 2;
    position: relative;
    top: 20px;
}

.port-slider-industry .slick-list {
    padding: 80px 50px 0x !important;
    overflow: visible;
}

.our-portfolio-industry .port-box-indus {
    transition: all .5s ease-in-out;
    box-shadow: 2px 2px 20px 0px #00000000;
    height: 510px;
    overflow: hidden;
    position: relative;
}

.our-portfolio-industry {
    padding: 70px 0 0;
    z-index: 1;
    position: relative;
    /* height: 100vh; */
    overflow: hidden;
}

.port-indust-txt-img {
    background: url(../images/industry-sec/accounting/portfolio/portfolio-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0;
    height: auto;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: -1;
}

.port-indust-txt-img h3 {
    margin: 0;
    font-size: 19vw;
    text-align: center;
    text-transform: uppercase;
    -webkit-text-stroke: 1px rgb(255 255 255 / 40%);
    color: transparent;
}

.port-txt-indus {
    text-align: center;
    margin-bottom: 45px;
}

.port-txt-indus p {
    width: 45%;
    margin: 0 auto;
    display: none;
}

.port-txt-indus {
}

.our-portfolio-industry .container-fluid {
    padding: 0;
}

.our-portfolio-industry .slick-slide:before {
    content: '';
    background: url(../images/industry-sec/accounting/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102%;
    position: absolute;
    top: 255px;
    left: -60px;
    bottom: -10px;
    z-index: 3;
    top: auto;
}

/*.our-portfolio-industry:after {
    background: url(../images/industry-sec/accounting/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 589px;
    position: absolute;
    top: 255px;
    right: 0;
    bottom: auto;
    z-index: 1;
    height: 509px;
}*/
.our-portfolio-industry .slick-slide {
    position: relative;
    z-index: 1;
}

.our-portfolio-industry .slick-prev, .our-portfolio-industry .slick-next {
    /* background: rebeccapurple; */
    z-index: 99;
    opacity: 1;
}

.our-portfolio-industry .slick-prev {
    left: 25%;
}

.our-portfolio-industry .slick-prev:before {
    content: "\f060";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    opacity: 1;
}

.our-portfolio-industry .slick-next:before {
    content: "\f061";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    opacity: 1;
}

.our-portfolio-industry .slick-next {
    right: 25%;
}

.our-portfolio-industry .slick-current {
    z-index: 3;
}

.industry-process-sec {
    padding: 70px 0;
   
}

.process-indus-ul {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.process-indus-ul ul {
    list-style: none;
    padding: 0;
    width: 25%;
    position: relative;
}

.indus-process-box h3 {
    font-size: 25px;
    font-weight: 600;
    margin: 0;
}

.indus-process-box p {
    font-size: 14px;
    margin: 0 0 35px 0;
    padding-top: 20px;
    height: 170px;
    overflow-x: hidden;
    overflow-y: auto;
}

/* width */
.indus-process-box ::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.indus-process-box ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.indus-process-box ::-webkit-scrollbar-thumb {
    background: #7d7d7d;
    border-radius: 10px;
}

/* Handle on hover */
.indus-process-box ::-webkit-scrollbar-thumb:hover {
    background: #000;
}

.process-indus-ul ul:nth-child(odd) li {
    /* background: #162578; */
    padding-right: 20px;
}

.process-indus-ul ul:nth-child(odd) li .indus-process-box {
    padding: 20px 20px;
    margin-bottom: 20px;
    background: #162578;
}

.process-indus-ul ul:nth-child(odd) li .indus-process-box h3, .process-indus-ul ul:nth-child(odd) li .indus-process-box p {
    color: #fff;
}

.process-indus-ul ul:nth-child(even) li {
    padding-right: 22px;
}

.process-indus-ul ul:nth-child(even) li .indus-process-box {
    margin-top: 20px;
    padding: 20px 20px;
    margin-bottom: 20px;
    background: #87aef4;
}

.indus-process-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 255px;
    position: relative;
}

.industry-process-sec .hd-txt {
    text-align: center;
    padding-bottom: 25px;
}

.process-indus-bx-img img {
    width: 100%;
}

.process-indus-ul ul:nth-child(odd) li i {
    font-size: 85px;
    position: absolute;
    right: -26px;
    top: 0;
    z-index: 1;
    color: #dd1e24;
}

.process-indus-ul ul:nth-child(2) li .indus-process-box i {
    font-size: 85px;
    position: absolute;
    left: -26px;
    top: 0;
    z-index: 2;
    color: #ffcd24;
    transform: scale(-1);
}

.process-indus-ul ul:nth-child(4) li .indus-process-box i {
    font-size: 85px;
    position: absolute;
    left: -26px;
    top: 0;
    z-index: 2;
    color: #ffcd24;
    transform: scale(-1);
}

.indus-process-box span {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    bottom: 5px;
}

.process-indus-ul ul:nth-child(odd) li .indus-process-box span {
    color: #fff;
}

.process-indus-ul ul:nth-child(even) li .indus-process-box span {
    color: #000;
}

.cta-sec-industry .cta-box-1 img {
    position: relative;
    top: 0;
}

.indus-why-list ul {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    list-style: none;
    margin-top: 20px;
}

.indus-why-list ul li {
    width: 25%;
    margin: 0 5px;
}

.why-bx-indus {
    background: url(../images/industry-sec/accounting/why-choose/why-box.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 100px 20px 0;
    position: relative;
    height: 422px;
}

.why-bx-indus h3 {
    padding: 20px 0;
    font-size: 24px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-bx-indus-circle {
    background: url(../images/industry-sec/accounting/why-choose/why-circle.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 194px;
    height: 194px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: absolute;
    top: -88px;
    right: 0;
    left: 0;
    margin: auto;
}

section.indus-why-choose-sec {
    padding: 70px 0;
    background: url(../images/industry-sec/accounting/why-choose/why-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

section.indus-why-choose-sec .hd-txt {
    padding-bottom: 90px;
}

section.indus-why-choose-sec .hd-txt p {
    padding-top: 15px;
    width: 80%;
    margin: 0 auto;
}

/*industry-sec*/
/*architect*/
.industry-architect-banner {
    background: url(../images/industry-sec/architect/banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.banner_main.industry-architect-banner::before {
    background: transparent;
}

.industry-architect-banner .banner_box h1 span {
    color: #fff;
}

.industry-architect .tr_btn {
    background: linear-gradient(to left, #ccbda0 50%, #97857d 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-architect .wht_btn {
    background: linear-gradient(to left, #97857d 50%, #ccbda0 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-architect .wht_btn:hover {
    border-color: transparent !important;
}

.industry-architect-banner .wht_btn {
    background: linear-gradient(to left, #ffffff 50%, #ccbda0 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-architect .cta-sec-industry {
    background: #666666;
}

.industry-architect .cta-sec-industry h2 {
    color: #fff;
}

.industry-architect .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn {
    background: linear-gradient(to left, #16257800 50%, #97857d 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #ffffff !important;
    color: #fff !important;
}

.industry-architect .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn:hover {
    color: #000 !important;
    border-color: transparent !important;
}

.industry-architect .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn {
    background: linear-gradient(to left, #ccbda0 50%, #00000000 50%);
    background-size: 212%;
    background-position: right bottom;
    color: #000 !important;
    border: 1px solid transparent !important;
}

.industry-architect .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn:hover {
    border-color: #fff !important;
    color: #fff !important;
}

.industry-architect .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child img {
    filter: invert(1) brightness(100);
}

.industry-architect .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child {
    color: #fff;
}

/*.industry-architect .our-portfolio-industry:before {
    content: '';
    background: url(../images/industry-sec/architect/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 509px;
    position: absolute;
    top: 255px;
    left: 0;
    bottom: auto;
    z-index: 1;
}*/
.industry-architect .our-portfolio-industry .slick-slide:before {
    content: '';
    background: url(../images/industry-sec/architect/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102%;
    position: absolute;
    top: 255px;
    left: -60px;
    bottom: -10px;
    z-index: 3;
    top: auto;
}

/*.industry-architect .our-portfolio-industry:after {
    content: '';
    background: url(../images/industry-sec/architect/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 589px;
    position: absolute;
    top: 255px;
    right: 0;
    bottom: auto;
    z-index: 1;
    height: 509px;
}
*/
.industry-architect .port-indust-txt-img {
    background: url(../images/industry-sec/architect/portfolio/portfolio-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0;
    margin-top: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: -1;
}

.industry-architect .industry-about-sec {
    padding: 70px 0;
    background: url(../images/industry-sec/architect/about-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-architect .about-side-img-industry:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -45px;
    margin: auto;
    width: 350px;
    height: 530px;
    bottom: 0;
    border-radius: 0 0 200px 200px;
    z-index: -2;
    background: #ddc9b2;
}

.industry-architect .about-side-img-industry img {
    width: 94%;
    position: relative;
    left: -10px;
}

.industry-architect .process-indus-ul ul:nth-child(odd) li .indus-process-box {
    background: #666666;
}

.industry-architect .process-indus-ul ul:nth-child(even) li .indus-process-box {
    background: #97857d;
    color: #fff;
}

.industry-architect .process-indus-ul ul:nth-child(odd) li i {
    color: #666666;
}

.industry-architect .process-indus-ul ul:nth-child(2) li .indus-process-box i {
    color: #97857d;
}

.industry-architect .process-indus-ul ul:nth-child(even) li .indus-process-box span {
    color: #fff;
}

.industry-architect .hd-txt h2 {
    color: #666 !important;
}

.industry-architect .hd-txt p {
    color: #666666 !important;
}

.industry-architect .indus-why-choose-sec {
    padding: 70px 0;
    background: url(../images/industry-sec/architect/why-choose/why-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-church .port-txt-indus h2 {
    color: #666666 !important;
}

/*architect*/
/*architect*/
.industry-church-banner {
    background: url(../images/industry-sec/church/banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.banner_main.industry-church-banner::before {
    background: transparent;
}

.industry-church-banner .banner_box h1 span {
    color: #fff;
}

.industry-church .tr_btn {
    background: linear-gradient(to left, #d4b770 50%, #747a3a 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-church .wht_btn {
    background: linear-gradient(to left, #747a3a 50%, #d4b770 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-church .wht_btn:hover {
    border-color: transparent !important;
}

.industry-church-banner .wht_btn {
    background: linear-gradient(to left, #ffffff 50%, #d4b770 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-church .cta-sec-industry {
    background: #747a3a;
}

.industry-church .cta-sec-industry h2 {
    color: #fff;
}

.industry-church .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn {
    background: linear-gradient(to left, #d4b770 50%, #97857d00 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #d4b77000 !important;
    color: #000 !important;
}

.industry-church .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn:hover {
    color: #fff !important;
    border-color: #ffffff !important;
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
}

.industry-church .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn {
    background: linear-gradient(to left, #ccbda000 50%, #d4b770 50%);
    background-size: 212%;
    background-position: right bottom;
    color: #fff !important;
    border: 1px solid white !important;
}

.industry-church .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn:hover {
    border-color: #32262600 !important;
    color: #000 !important;
    background-size: 212%;
    background-position: left bottom;
}

.industry-church .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child img {
    filter: invert(1) brightness(100);
}

.industry-church .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child {
    color: #fff;
}

/*.industry-church .our-portfolio-industry:before {
    content: '';
    background: url(../images/industry-sec/church/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 509px;
    position: absolute;
    top: 255px;
    left: 0;
    bottom: auto;
    z-index: 1;
}*/
.industry-church .our-portfolio-industry .slick-slide:before {
    content: '';
    background: url(../images/industry-sec/church/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102%;
    position: absolute;
    top: 255px;
    left: -60px;
    bottom: -10px;
    z-index: 3;
    top: auto;
}

/*.industry-church .our-portfolio-industry:after {
    content: '';
    background: url(../images/industry-sec/church/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 589px;
    position: absolute;
    top: 255px;
    right: 0;
    bottom: auto;
    z-index: 1;
    height: 509px;
}*/
.industry-church .port-indust-txt-img {
    background: url(../images/industry-sec/church/portfolio/portfolio-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0;
    margin-top: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: -1;
}

.industry-church .industry-about-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-church .about-side-img-industry:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -45px;
    margin: auto;
    width: 350px;
    height: 530px;
    bottom: 0;
    border-radius: 0 0 200px 200px;
    z-index: -2;
    background: #c47c2c;
}

.industry-church .about-side-img-industry img {
    width: 75%;
    position: relative;
    left: 0;
    margin: 0 auto;
}

.industry-church .process-indus-ul ul:nth-child(odd) li .indus-process-box {
    background: #c47c2c;
}

.industry-church .process-indus-ul ul:nth-child(even) li .indus-process-box {
    background: #d4b770;
    color: #fff;
}

.industry-church .process-indus-ul ul:nth-child(odd) li i {
    color: #c47c2c;
}

.industry-church .process-indus-ul ul:nth-child(2) li .indus-process-box i {
    color: #d4b770;
}

.industry-church .process-indus-ul ul:nth-child(even) li .indus-process-box span {
    color: #fff;
}

.industry-church .hd-txt h2 {
    color: #747a3a !important;
}

.industry-church .hd-txt p {
    color: #666666 !important;
}

.industry-church .indus-why-choose-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-church .port-txt-indus h2 {
    color: #747a3a !important;
}

/*architect*/
/*dentist*/
.industry-dentist-banner {
    background: url(../images/industry-sec/dentist/banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.banner_main.industry-dentist-banner::before {
    background: transparent;
}

.industry-dentist-banner .banner_box h1 span {
    color: #fff;
}

.industry-dentist .tr_btn {
    background: linear-gradient(to left, #3e9758 50%, #9abd57 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-dentist .wht_btn {
    background: linear-gradient(to left, #9abd57 50%, #3e9758 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-dentist .wht_btn:hover {
    border-color: transparent !important;
    color: #fff;
}

.industry-dentist-banner .wht_btn {
    background: linear-gradient(to left, #ffffff 50%, #3e9758 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-dentist .cta-sec-industry {
    background: #77ddd5;
}

.industry-dentist .cta-sec-industry h2 {
    color: #fff;
}

.industry-dentist .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn {
    background: linear-gradient(to left, #0d645d 50%, #97857d00 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #d4b77000 !important;
    color: #fff !important;
}

.industry-dentist .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn:hover {
    color: #000 !important;
    border-color: #ffffff !important;
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
}

.industry-dentist .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn {
    background: linear-gradient(to left, #ccbda000 50%, #0d645d 50%);
    background-size: 212%;
    background-position: right bottom;
    color: #fff !important;
    border: 1px solid white !important;
}

.industry-dentist .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn:hover {
    border-color: #32262600 !important;
    color: #fff !important;
    background-size: 212%;
    background-position: left bottom;
}

.industry-dentist .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child img {
    /* filter: invert(1) brightness(100); */
}

.industry-dentist .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child {
    color: #0d645d;
}

/*.industry-dentist .our-portfolio-industry:before {
    content: '';
    background: url(../images/industry-sec/dentist/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 509px;
    position: absolute;
    top: 255px;
    left: 0;
    bottom: auto;
    z-index: 1;
}*/
.industry-dentist .our-portfolio-industry .slick-slide:before {
    content: '';
    background: url(../images/industry-sec/dentist/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102%;
    position: absolute;
    top: 255px;
    left: -60px;
    bottom: -10px;
    z-index: 3;
    top: auto;
}

/*.industry-dentist .our-portfolio-industry:after {
    content: '';
    background: url(../images/industry-sec/dentist/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 589px;
    position: absolute;
    top: 255px;
    right: 0;
    bottom: auto;
    z-index: 1;
    height: 509px;
}*/
.industry-dentist .port-indust-txt-img {
    background: url(../images/industry-sec/dentist/portfolio/portfolio-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0;
    margin-top: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: -1;
}

.industry-dentist .industry-about-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-dentist .about-side-img-industry:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -65px;
    margin: auto;
    width: 350px;
    height: 530px;
    bottom: 0;
    border-radius: 0 0 200px 200px;
    z-index: -2;
    background: #77ddd5;
}

.industry-dentist .about-side-img-industry img {
    width: 75%;
    position: relative;
    left: 0;
    margin: 0 auto;
}

.industry-dentist .process-indus-ul ul:nth-child(odd) li .indus-process-box {
    background: #9abd57;
}

.industry-dentist .process-indus-ul ul:nth-child(even) li .indus-process-box {
    background: #d2e74c;
    color: #000;
}

.industry-dentist .process-indus-ul ul:nth-child(odd) li i {
    color: #9abd57;
}

.industry-dentist .process-indus-ul ul:nth-child(2) li .indus-process-box i {
    color: #d2e74c;
}

.industry-dentist .process-indus-ul ul:nth-child(even) li .indus-process-box span {
    color: #000;
}

.industry-dentist .hd-txt h2 {
    color: #3e9758 !important;
}

.industry-dentist .hd-txt p {
    color: #3e9758 !important;
}

.industry-dentist .indus-why-choose-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-dentist .port-txt-indus h2 {
    color: #747a3a !important;
}

/*dentist*/
/*doctor*/
.industry-doctor-banner {
    background: url(../images/industry-sec/doctor/banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.banner_main.industry-doctor-banner::before {
    background: transparent;
}

.industry-doctor-banner .banner_box h1 span {
    color: #fff;
}

.industry-doctor .tr_btn {
    background: linear-gradient(to left, #2dd6c1 50%, #496bf1 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-doctor .wht_btn {
    background: linear-gradient(to left, #496bf1 50%, #2dd6c1 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-doctor .wht_btn:hover {
    border-color: transparent !important;
    color: #fff;
}

.industry-doctor-banner .wht_btn {
    background: linear-gradient(to left, #ffffff 50%, #4c73ef 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-doctor .cta-sec-industry {
    background: #496bf1;
}

.industry-doctor .cta-sec-industry h2 {
    color: #fff;
}

.industry-doctor .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn {
    background: linear-gradient(to left, #ffffff00 50%, #2dd6c1 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #ffffff !important;
    color: #fff !important;
}

.industry-doctor .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn:hover {
    color: #000 !important;
    border-color: #2dd6c1 !important;
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
}

.industry-doctor .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn {
    background: linear-gradient(to left, #2dd6c1 50%, #0d645d00 50%);
    background-size: 212%;
    background-position: right bottom;
    color: #fff !important;
    border: 1px solid #2dd6c1 !important;
}

.industry-doctor .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn:hover {
    border-color: #ffffff !important;
    color: #fff !important;
    background-size: 212%;
    background-position: left bottom;
}

.industry-doctor .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child img {
    filter: invert(1) brightness(100);
}

.industry-doctor .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child {
    color: #ffffff;
}

/*
.industry-doctor .our-portfolio-industry:before {
    content: '';
    background: url(../images/industry-sec/doctor/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 509px;
    position: absolute;
    top: 255px;
    left: 0;
    bottom: auto;
    z-index: 1;
}*/
.industry-doctor .our-portfolio-industry .slick-slide:before {
    content: '';
    background: url(../images/industry-sec/doctor/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102%;
    position: absolute;
    top: 255px;
    left: -60px;
    bottom: -10px;
    z-index: 3;
    top: auto;
}

/*.industry-doctor .our-portfolio-industry:after {
    content: '';
    background: url(../images/industry-sec/doctor/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 589px;
    position: absolute;
    top: 255px;
    right: 0;
    bottom: auto;
    z-index: 1;
    height: 509px;
}*/
.industry-doctor .port-indust-txt-img {
    background: url(../images/industry-sec/doctor/portfolio/portfolio-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0;
    margin-top: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: -1;
}

.industry-doctor .industry-about-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-doctor .about-side-img-industry:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -65px;
    margin: auto;
    width: 350px;
    height: 470px;
    bottom: 0;
    border-radius: 0 0 200px 200px;
    z-index: -2;
    background: #77ddd5;
}

.industry-doctor .about-side-img-industry img {
    width: 57%;
    position: relative;
    left: 0;
    margin: 0 auto;
}

.industry-doctor .process-indus-ul ul:nth-child(odd) li .indus-process-box {
    background: #2dd6c1;
    color: #000;
}

.industry-doctor .process-indus-ul ul:nth-child(even) li .indus-process-box {
    background: #496bf1;
    color: #fff;
}

.industry-doctor .process-indus-ul ul:nth-child(odd) li i {
    color: #2dd6c1;
}

.industry-doctor .process-indus-ul ul:nth-child(2) li .indus-process-box i {
    color: #496bf1;
}

.industry-doctor .process-indus-ul ul:nth-child(even) li .indus-process-box span {
    color: #fff;
}

.industry-doctor .hd-txt h2 {
    color: #3e9758 !important;
}

.industry-doctor .hd-txt p {
    color: #3e9758 !important;
}

.industry-doctor .indus-why-choose-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-doctor .port-txt-indus h2 {
    color: #747a3a !important;
}

.industry-doctor .process-indus-ul ul:nth-child(odd) li .indus-process-box span, .industry-doctor .process-indus-ul ul:nth-child(odd) li .indus-process-box h3, .industry-doctor .process-indus-ul ul:nth-child(odd) li .indus-process-box p {
    color: #000;
}

.industry-doctor .about-side-img-industry {
    padding-bottom: 10px;
}

/*dentist*/
/*electrician*/
.industry-electrician-banner {
    background: url(../images/industry-sec/electrician/banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.banner_main.industry-electrician-banner::before {
    background: transparent;
}

.industry-electrician-banner .banner_box h1 span {
    color: #fff;
}

.industry-electrician .tr_btn {
    background: linear-gradient(to left, #c88633 50%, #806449 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-electrician .wht_btn {
    background: linear-gradient(to left, #806449 50%, #c88633 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-electrician .wht_btn:hover {
    border-color: transparent !important;
    color: #fff;
}

.industry-electrician-banner .wht_btn {
    background: linear-gradient(to left, #ffffff 50%, #c88633 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-electrician .cta-sec-industry {
    background: #806449;
}

.industry-electrician .cta-sec-industry h2 {
    color: #fff;
}

.industry-electrician .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn {
    background: linear-gradient(to left, #ffffff00 50%, #c88633 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #ffffff !important;
    color: #fff !important;
}

.industry-electrician .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn:hover {
    color: #fff !important;
    border-color: #c88633 !important;
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
}

.industry-electrician .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn {
    background: linear-gradient(to left, #c88633 50%, #0d645d00 50%);
    background-size: 212%;
    background-position: right bottom;
    color: #fff !important;
    border: 1px solid #c88633 !important;
}

.industry-electrician .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn:hover {
    border-color: #ffffff !important;
    color: #fff !important;
    background-size: 212%;
    background-position: left bottom;
}

.industry-electrician .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child img {
    filter: invert(1) brightness(100);
}

.industry-electrician .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child {
    color: #ffffff;
}

/*.industry-electrician .our-portfolio-industry:before {
    content: '';
    background: url(../images/industry-sec/electrician/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 509px;
    position: absolute;
    top: 255px;
    left: 0;
    bottom: auto;
    z-index: 1;
}*/
.industry-electrician .our-portfolio-industry .slick-slide:before {
    content: '';
    background: url(../images/industry-sec/electrician/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102%;
    position: absolute;
    top: 255px;
    left: -60px;
    bottom: -10px;
    z-index: 3;
    top: auto;
}

/*.industry-electrician .our-portfolio-industry:after {
    content: '';
    background: url(../images/industry-sec/electrician/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 589px;
    position: absolute;
    top: 255px;
    right: 0;
    bottom: auto;
    z-index: 1;
    height: 509px;
}*/
.industry-electrician .port-indust-txt-img {
    background: url(../images/industry-sec/electrician/portfolio/portfolio-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0;
    margin-top: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: -1;
}

.industry-electrician .industry-about-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-electrician .about-side-img-industry:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -65px;
    margin: auto;
    width: 350px;
    height: 585px;
    bottom: 0;
    border-radius: 0 0 200px 200px;
    z-index: -2;
    background: #ce3232;
}

.industry-electrician .about-side-img-industry img {
    width: 60%;
    position: relative;
    left: 0;
    margin: 0 auto;
}

.industry-electrician .process-indus-ul ul:nth-child(odd) li .indus-process-box {
    background: #c88633;
    color: #fff;
}

.industry-electrician .process-indus-ul ul:nth-child(even) li .indus-process-box {
    background: #806449;
    color: #fff;
}

.industry-electrician .process-indus-ul ul:nth-child(odd) li i {
    color: #c88633;
}

.industry-electrician .process-indus-ul ul:nth-child(2) li .indus-process-box i {
    color: #806449;
}

.industry-electrician .process-indus-ul ul:nth-child(even) li .indus-process-box span {
    color: #fff;
}

.industry-electrician .hd-txt h2 {
    color: #806449 !important;
}

.industry-electrician .hd-txt p {
    color: #806449 !important;
}

.industry-electrician .indus-why-choose-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-electrician .port-txt-indus h2 {
    color: #806449 !important;
}

.industry-electrician .process-indus-ul ul:nth-child(odd) li .indus-process-box span, .industry-electrician .process-indus-ul ul:nth-child(odd) li .indus-process-box h3, .industry-electrician .process-indus-ul ul:nth-child(odd) li .indus-process-box p {
    color: #fff;
}

.industry-electrician .about-side-img-industry {
    padding-bottom: 10px;
}

/*electrician*/
/*electrician*/
.industry-law-banner {
    background: url(../images/industry-sec/law/banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.banner_main.industry-law-banner::before {
    background: transparent;
}

.industry-law-banner .banner_box h1 span {
    color: #fff;
}

.industry-law .tr_btn {
    background: linear-gradient(to left, #1c2340 50%, #50223c 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-law .wht_btn {
    background: linear-gradient(to left, #50223c 50%, #1c2340 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-law .wht_btn:hover {
    border-color: transparent !important;
    color: #fff;
}

.industry-law-banner .wht_btn {
    background: linear-gradient(to left, #ffffff 50%, #c88633 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-law .cta-sec-industry {
    background: #1c2340;
}

.industry-law .cta-sec-industry h2 {
    color: #fff;
}

.industry-law .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn {
    background: linear-gradient(to left, #ffffff00 50%, #50223c 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #ffffff !important;
    color: #fff !important;
}

.industry-law .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn:hover {
    color: #fff !important;
    border-color: #50223c !important;
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
}

.industry-law .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn {
    background: linear-gradient(to left, #50223c 50%, #0d645d00 50%);
    background-size: 212%;
    background-position: right bottom;
    color: #fff !important;
    border: 1px solid #50223c !important;
}

.industry-law .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn:hover {
    border-color: #ffffff !important;
    color: #fff !important;
    background-size: 212%;
    background-position: left bottom;
}

.industry-law .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child img {
    filter: invert(1) brightness(100);
}

.industry-law .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child {
    color: #ffffff;
}

.industry-law .our-portfolio-industry .slick-slide:before {
    content: '';
    background: url(../images/industry-sec/law/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102%;
    position: absolute;
    top: 255px;
    left: -60px;
    bottom: -10px;
    z-index: 3;
    top: auto;
}

/*.industry-law .our-portfolio-industry:after {
    content: '';
    background: url(../images/industry-sec/law/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 589px;
    position: absolute;
    top: 255px;
    right: 0;
    bottom: auto;
    z-index: 1;
    height: 509px;
}*/
.industry-law .port-indust-txt-img {
    background: url(../images/industry-sec/law/portfolio/portfolio-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0;
    margin-top: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: -1;
}

.industry-law .industry-about-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-law .about-side-img-industry:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    margin: auto;
    width: 350px;
    height: 530px;
    bottom: 0;
    border-radius: 0 0 200px 200px;
    z-index: -2;
    background: #ce3232;
}

.industry-law .about-side-img-industry img {
    width: 75%;
    position: relative;
    left: 0;
    margin: 0 auto;
}

.industry-law .process-indus-ul ul:nth-child(odd) li .indus-process-box {
    background: #1c2340;
    color: #fff;
}

.industry-law .process-indus-ul ul:nth-child(even) li .indus-process-box {
    background: #f0dac5;
    color: #000;
}

.industry-law .process-indus-ul ul:nth-child(odd) li i {
    color: #1c2340;
}

.industry-law .process-indus-ul ul:nth-child(2) li .indus-process-box i {
    color: #f0dac5;
}

.industry-law .process-indus-ul ul:nth-child(even) li .indus-process-box span {
    color: #000;
}

.industry-law .hd-txt h2 {
    color: #50223c!important;
}

.industry-law .hd-txt p {
    color: #50223c !important;
}

.industry-law .indus-why-choose-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-law .port-txt-indus h2 {
    color: #50223c !important;
}

.industry-law .process-indus-ul ul:nth-child(odd) li .indus-process-box span, .industry-law .process-indus-ul ul:nth-child(odd) li .indus-process-box h3, .industry-law .process-indus-ul ul:nth-child(odd) li .indus-process-box p {
    color: #fff;
}

.industry-law .about-side-img-industry {
    /* padding-bottom: 10px; */
}

/*electrician*/
/*plumber*/
.industry-plumber-banner {
    background: url(../images/industry-sec/plumber/banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.banner_main.industry-plumber-banner::before {
    background: transparent;
}

.industry-plumber-banner .banner_box h1 span {
    color: #fff;
}

.industry-plumber .tr_btn {
    background: linear-gradient(to left, #f48741 50%, #2c5aa8 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-plumber .wht_btn {
    background: linear-gradient(to left, #2c5aa8 50%, #f48741 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-plumber .wht_btn:hover {
    border-color: transparent !important;
    color: #fff;
}

.industry-plumber-banner .wht_btn {
    background: linear-gradient(to left, #ffffff 50%, #2c5aa8 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-plumber .cta-sec-industry {
    background: #aeaba6;
}

.industry-plumber .cta-sec-industry h2 {
    color: #fff;
}

.industry-plumber .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn {
    background: linear-gradient(to left, #ffffff00 50%, #50223c 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #ffffff !important;
    color: #fff !important;
}

.industry-plumber .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn:hover {
    color: #fff !important;
    border-color: #0e0e0e !important;
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
}

.industry-plumber .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn {
    background: linear-gradient(to left, #0e0e0e 50%, #0d645d00 50%);
    background-size: 212%;
    background-position: right bottom;
    color: #fff !important;
    border: 1px solid #0e0e0e !important;
}

.industry-plumber .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn:hover {
    border-color: #ffffff !important;
    color: #fff !important;
    background-size: 212%;
    background-position: left bottom;
}

.industry-plumber .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child img {
    filter: invert(1) brightness(100);
}

.industry-plumber .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child {
    color: #ffffff;
}

/*.industry-plumber .our-portfolio-industry:before {
    content: '';
    background: url(../images/industry-sec/plumber/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 509px;
    position: absolute;
    top: 255px;
    left: 0;
    bottom: auto;
    z-index: 1;
}*/
.industry-plumber .our-portfolio-industry .slick-slide:before {
    content: '';
    background: url(../images/industry-sec/plumber/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102%;
    position: absolute;
    top: 255px;
    left: -60px;
    bottom: -10px;
    z-index: 3;
    top: auto;
}

/*.industry-plumber .our-portfolio-industry:after {
    content: '';
    background: url(../images/industry-sec/plumber/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 589px;
    position: absolute;
    top: 255px;
    right: 0;
    bottom: auto;
    z-index: 1;
    height: 509px;
}*/
.industry-plumber .port-indust-txt-img {
    background: url(../images/industry-sec/plumber/portfolio/portfolio-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0;
    margin-top: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: -1;
}

.industry-plumber .industry-about-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-plumber .about-side-img-industry:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -80px;
    margin: auto;
    width: 350px;
    height: 530px;
    bottom: 0;
    border-radius: 0 0 200px 200px;
    z-index: -2;
    background: #ce3232;
}

.industry-plumber .about-side-img-industry img {
    width: 50%;
    position: relative;
    left: 0;
    margin: 0 auto;
}

.industry-plumber .process-indus-ul ul:nth-child(odd) li .indus-process-box {
    background: #2c5aa8;
    color: #fff;
}

.industry-plumber .process-indus-ul ul:nth-child(even) li .indus-process-box {
    background: #22366b;
    color: #fff;
}

.industry-plumber .process-indus-ul ul:nth-child(odd) li i {
    color: #2c5aa8;
}

.industry-plumber .process-indus-ul ul:nth-child(2) li .indus-process-box i {
    color: #22366b;
}

.industry-plumber .process-indus-ul ul:nth-child(even) li .indus-process-box span {
    color: #fff;
}

.industry-plumber .hd-txt h2 {
    color: #2c5aa8!important;
}

.industry-plumber .hd-txt p {
    color: #2c5aa8 !important;
}

.industry-plumber .indus-why-choose-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-plumber .port-txt-indus h2 {
    color: #50223c !important;
}

.industry-plumber .process-indus-ul ul:nth-child(odd) li .indus-process-box span, .industry-plumber .process-indus-ul ul:nth-child(odd) li .indus-process-box h3, .industry-plumber .process-indus-ul ul:nth-child(odd) li .indus-process-box p {
    color: #fff;
}

.industry-plumber .about-side-img-industry {
    padding-bottom: 10px;
}

/*plumber*/
/*estate*/
.industry-estate-banner {
    background: url(../images/industry-sec/estate/banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.banner_main.industry-estate-banner::before {
    background: transparent;
}

.industry-estate-banner .banner_box h1 span {
    color: #fff;
}

.industry-estate .tr_btn {
    background: linear-gradient(to left, #5c9eac 50%, #244b5f 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-estate .wht_btn {
    background: linear-gradient(to left, #244b5f 50%, #5c9eac 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-estate .wht_btn:hover {
    border-color: transparent !important;
    color: #fff;
}

.industry-estate-banner .wht_btn {
    background: linear-gradient(to left, #ffffff 50%, #244b5f 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-estate .cta-sec-industry {
    background: #9cd3c0;
}

.industry-estate .cta-sec-industry h2 {
    color: #fff;
}

.industry-estate .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn {
    background: linear-gradient(to left, #ffffff00 50%, #244b5f 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #244b5f !important;
    color: #244b5f !important;
}

.industry-estate .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn:hover {
    color: #fff !important;
    border-color: #244b5f !important;
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
}

.industry-estate .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn {
    background: linear-gradient(to left, #244b5f 50%, #0d645d00 50%);
    background-size: 212%;
    background-position: right bottom;
    color: #fff !important;
    border: 1px solid #244b5f !important;
}

.industry-estate .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn:hover {
    border-color: #ffffff !important;
    color: #fff !important;
    background-size: 212%;
    background-position: left bottom;
}

.industry-estate .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child img {
    /* filter: invert(1) brightness(100); */
}

.industry-estate .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child {
    /* color: #ffffff; */
}

/*.industry-estate .our-portfolio-industry:before {
    content: '';
    background: url(../images/industry-sec/estate/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 509px;
    position: absolute;
    top: 255px;
    left: 0;
    bottom: auto;
    z-index: 1;
}*/
.industry-estate .our-portfolio-industry .slick-slide:before {
    content: '';
    background: url(../images/industry-sec/estate/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102%;
    position: absolute;
    top: 255px;
    left: -60px;
    bottom: -10px;
    z-index: 3;
    top: auto;
}

/*.industry-estate .our-portfolio-industry:after {
    content: '';
    background: url(../images/industry-sec/estate/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 589px;
    position: absolute;
    top: 255px;
    right: 0;
    bottom: auto;
    z-index: 1;
    height: 509px;
}*/
.industry-estate .port-indust-txt-img {
    background: url(../images/industry-sec/estate/portfolio/portfolio-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0;
    margin-top: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: -1;
}

.industry-estate .industry-about-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-estate .about-side-img-industry:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -80px;
    margin: auto;
    width: 350px;
    height: 530px;
    bottom: 0;
    border-radius: 0 0 200px 200px;
    z-index: -2;
    background: #ce3232;
}

.industry-estate .about-side-img-industry img {
    width: 100%;
    position: relative;
    left: 0;
    margin: 0 auto;
}

.industry-estate .process-indus-ul ul:nth-child(odd) li .indus-process-box {
    background: #9cd3c0;
    color: #fff;
}

.industry-estate .process-indus-ul ul:nth-child(even) li .indus-process-box {
    background: #5c9eac;
    color: #fff;
}

.industry-estate .process-indus-ul ul:nth-child(odd) li i {
    color: #9cd3c0;
}

.industry-estate .process-indus-ul ul:nth-child(2) li .indus-process-box i {
    color: #5c9eac;
}

.industry-estate .process-indus-ul ul:nth-child(even) li .indus-process-box span {
    color: #fff;
}

.industry-estate .hd-txt h2 {
    color: #244b5f!important;
}

.industry-estate .hd-txt p {
    color: #244b5f !important;
}

.industry-estate .indus-why-choose-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-estate .port-txt-indus h2 {
    color: #244b5f !important;
}

.industry-estate .process-indus-ul ul:nth-child(odd) li .indus-process-box span, .industry-estate .process-indus-ul ul:nth-child(odd) li .indus-process-box h3, .industry-estate .process-indus-ul ul:nth-child(odd) li .indus-process-box p {
    color: #000;
}

.industry-estate .about-side-img-industry {
    padding-bottom: 10px;
    height: 625px;
}

/*estate*/
/*restaurent*/
.industry-restaurent-banner {
    background: url(../images/industry-sec/restaurent/banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.banner_main.industry-restaurent-banner::before {
    background: transparent;
}

.industry-restaurent-banner .banner_box h1 span {
    color: #fff;
}

.industry-restaurent .tr_btn {
    background: linear-gradient(to left, #ffcd24 50%, #dd1e24 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-restaurent .wht_btn {
    background: linear-gradient(to left, #dd1e24 50%, #ffcd24 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-restaurent .wht_btn:hover {
    border-color: #ffcd24 !important;
    color: #000;
}

.industry-restaurent-banner .wht_btn {
    background: linear-gradient(to left, #ffffff 50%, #ffcd24 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-restaurent .cta-sec-industry {
    background: #ffcd24c7;
}

.industry-restaurent .cta-sec-industry h2 {
    color: #000;
}

.industry-restaurent .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn {
    background: linear-gradient(to left, #ffffff00 50%, #141414 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #141414 !important;
    color: #000000 !important;
}

.industry-restaurent .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn:hover {
    color: #fff !important;
    border-color: #244b5f !important;
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
}

.industry-restaurent .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn {
    background: linear-gradient(to left, #141414 50%, #0d645d00 50%);
    background-size: 212%;
    background-position: right bottom;
    color: #fff !important;
    border: 1px solid #141414 !important;
}

.industry-restaurent .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn:hover {
    border-color: #000000 !important;
    color: #141414 !important;
    background-size: 212%;
    background-position: left bottom;
}

.industry-restaurent .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child img {
    filter: invert(1) brightness(0);
}

.industry-restaurent .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child {
    color: #141414;
}

/*.industry-restaurent .our-portfolio-industry:before {
    content: '';
    background: url(../images/industry-sec/restaurent/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 509px;
    position: absolute;
    top: 255px;
    left: 0;
    bottom: auto;
    z-index: 1;
}*/
.industry-restaurent .our-portfolio-industry .slick-slide:before {
    content: '';
    background: url(../images/industry-sec/restaurent/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102%;
    position: absolute;
    top: 255px;
    left: -60px;
    bottom: -10px;
    z-index: 3;
    top: auto;
}

/*
.industry-restaurent .our-portfolio-industry:after {
    content: '';
    background: url(../images/industry-sec/restaurent/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 589px;
    position: absolute;
    top: 255px;
    right: 0;
    bottom: auto;
    z-index: 1;
    height: 509px;
}*/
.industry-restaurent .port-indust-txt-img {
    background: url(../images/industry-sec/restaurent/portfolio/portfolio-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0;
    margin-top: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: -1;
}

.industry-restaurent .industry-about-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-restaurent .about-side-img-industry:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -36px;
    margin: auto;
    width: 350px;
    height: 530px;
    bottom: 0;
    border-radius: 0 0 200px 200px;
    z-index: -2;
    background: #ffcd24;
}

.industry-restaurent .about-side-img-industry img {
    width: 70%;
    position: relative;
    left: 0;
    margin: 0 auto;
    top: -45px;
    bottom: auto;
}

.industry-restaurent .process-indus-ul ul:nth-child(odd) li .indus-process-box {
    background: #dd1e24;
    color: #fff;
}

.industry-restaurent .process-indus-ul ul:nth-child(even) li .indus-process-box {
    background: #ffcd24;
    color: #000;
}

.industry-restaurent .process-indus-ul ul:nth-child(odd) li i {
    color: #dd1e24;
}

.industry-restaurent .process-indus-ul ul:nth-child(2) li .indus-process-box i {
    color: #ffcd24;
}

.industry-restaurent .process-indus-ul ul:nth-child(even) li .indus-process-box span {
    color: #000;
}

.industry-restaurent .hd-txt h2 {
    color: #dd1e24!important;
}

.industry-restaurent .hd-txt p {
    color: #dd1e24 !important;
}

.industry-restaurent .indus-why-choose-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-restaurent .port-txt-indus h2 {
    color: #dd1e24 !important;
}

.industry-restaurent .process-indus-ul ul:nth-child(odd) li .indus-process-box span, .industry-restaurent .process-indus-ul ul:nth-child(odd) li .indus-process-box h3, .industry-restaurent .process-indus-ul ul:nth-child(odd) li .indus-process-box p {
    color: #fff;
}

.industry-restaurent .about-side-img-industry {
    padding-bottom: 0;
    height: 585px;
}

/*estate*/
/*restaurent*/
.industry-wedding-banner {
    background: url(../images/industry-sec/wedding/banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.banner_main.industry-wedding-banner::before {
    background: transparent;
}

.industry-wedding-banner .banner_box h1 span {
    color: #fff;
}

.industry-wedding .tr_btn {
    background: linear-gradient(to left, #b8c8bb 50%, #7c98b5 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-wedding .wht_btn {
    background: linear-gradient(to left, #7c98b5 50%, #b8c8bb 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #fff;
}

.industry-wedding .wht_btn:hover {
    border-color: #ffcd2400 !important;
    color: #fff;
}

.industry-wedding-banner .wht_btn {
    background: linear-gradient(to left, #ffffff 50%, #b8c8bb 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid transparent !important;
    color: #000;
}

.industry-wedding .cta-sec-industry {
    background: #2c4941;
}

.industry-wedding .cta-sec-industry h2 {
    color: #fff;
}

.industry-wedding .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn {
    background: linear-gradient(to left, #ffffff00 50%, #b8c8bb 50%);
    background-size: 212%;
    background-position: right bottom;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}

.industry-wedding .cta-sec-industry .cta-list ul .button.industry-btn-account .wht_btn:hover {
    color: #fff !important;
    border-color: #244b5f !important;
    background-position: left bottom;
    text-decoration: none;
    background-size: 220%;
}

.industry-wedding .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn {
    background: linear-gradient(to left, #b8c8bb 50%, #0d645d00 50%);
    background-size: 212%;
    background-position: right bottom;
    color: #fff !important;
    border: 1px solid #b8c8bb !important;
}

.industry-wedding .cta-sec-industry .cta-list ul .button.industry-btn-account .tr_btn:hover {
    border-color: #b8c8bb !important;
    color: #ffffff !important;
    background-size: 212%;
    background-position: left bottom;
}

.industry-wedding .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child img {
    filter: invert(1) brightness(100);
}

.industry-wedding .cta-sec-industry .cta-list ul .button.industry-btn-account a:last-child {
    color: #141414;
}

.industry-wedding .our-portfolio-industry .slick-slide:before {
    content: '';
    background: url(../images/industry-sec/wedding/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102%;
    position: absolute;
    top: 255px;
    left: -60px;
    bottom: -10px;
    z-index: 3;
    top: auto;
}

/*.industry-wedding .our-portfolio-industry:after {
    content: '';
    background: url(../images/industry-sec/wedding/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 29.2vw;
    height: 589px;
    position: absolute;
    top: 255px;
    right: 0;
    bottom: auto;
    z-index: 1;
    height: 509px;
}*/
.industry-wedding .port-indust-txt-img {
    background: url(../images/industry-sec/wedding/portfolio/portfolio-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0;
    margin-top: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: -1;
}

.industry-wedding .industry-about-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-wedding .about-side-img-industry:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -36px;
    margin: auto;
    width: 350px;
    height: 530px;
    bottom: 0;
    border-radius: 0 0 200px 200px;
    z-index: -2;
    background: #ffcd24;
}

.industry-wedding .about-side-img-industry img {
    width: 70%;
    position: relative;
    left: 0;
    margin: 0 auto;
    top: -45px;
    bottom: auto;
}

.industry-wedding .process-indus-ul ul:nth-child(odd) li .indus-process-box {
    background: #7c98b5;
    color: #fff;
}

.industry-wedding .process-indus-ul ul:nth-child(even) li .indus-process-box {
    background: #b8c8bb;
    color: #fff;
}

.industry-wedding .process-indus-ul ul:nth-child(odd) li i {
    color: #7c98b5;
}

.industry-wedding .process-indus-ul ul:nth-child(2) li .indus-process-box i {
    color: #b8c8bb;
}

.industry-wedding .process-indus-ul ul:nth-child(even) li .indus-process-box span {
    color: #fff;
}

.industry-wedding .hd-txt h2 {
    color: #2c4941 !important;
}

.industry-wedding .hd-txt p {
    color: #2c4941 !important;
}

.industry-wedding .indus-why-choose-sec {
    padding: 70px 0;
    background: url(https://www.digitmediadesigns.com/404.php);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.industry-wedding .port-txt-indus h2 {
    color: #dd1e24 !important;
}

.industry-wedding .process-indus-ul ul:nth-child(odd) li .indus-process-box span, .industry-wedding .process-indus-ul ul:nth-child(odd) li .indus-process-box h3, .industry-wedding .process-indus-ul ul:nth-child(odd) li .indus-process-box p {
    color: #fff;
}

.industry-wedding .about-side-img-industry {
    padding-bottom: 0;
    height: 585px;
}

/*estate*/
/*new-home-page*/
.bnr-side-img-new img {
    width: 230%;
    position: relative;
    left: -195px;
    top: -98px;
    z-index: 0;
}

section.main-new-banner .row {
    display: flex;
    align-items: center;
    position: relative;
}

.bnr-txt-main h1 {
    font-size: 41px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.bnr-txt-main p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: #fff;
    line-height: 28px;
}

.bnr-txt-main ul li:hover {
    color: #ffcd24;
}

.bnr-txt-main ul li {
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    list-style: none;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.bnr-txt-main ul li i {
    margin-right: 10px;
}

.btn-div-main .get-btn {
    background-color: rgb(255, 205, 36);
    padding: 11px 20px;
    border-radius: 14px;
    color: #434343;
    font-weight: bold;
    font-size: 12px;
    box-shadow: 1px 6px 3px rgb(0 0 0 / 21%);
    text-decoration: none;
    transition: all .5s ease-in-out;
    min-width: 120px;
    text-align: center;
}

.btn-div-main .chat-btn {
    background-color: #dd1e24;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 11px 20px;
    margin: auto;
    border-radius: 14px;
    margin-right: 0;
    margin-left: 15px;
    box-shadow: 1px 6px 3px rgb(0 0 0 / 21%);
    text-decoration: none;
    transition: all .5s ease-in-out;
    min-width: 120px;
    text-align: center;
}

.btn-div-main .get-btn:hover {
    background: #dd1e24;
    color: #fff;
    /* border-radius: 20px; */
    border-color: transparent;
}

.btn-div-main .chat-btn:hover {
    background: #ffcd24;
    color: #000;
    /* border-radius: 20px; */
}

.btn-div-main {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.bnr-txt-main ul {
    padding-bottom: 20px;
}

img.trust-img-bnr {
    width: auto;
    margin-top: 15px;
}

.bnr-side-img-new {
    background: #FFC647;
    border-radius: 250px 250px 0 0;
    height: 465px;
}

.bnr-txt-main {
    padding-bottom: 50px;
}

.main-new-banner {
    background: url(../images/new-home-page/banner-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 155px;
}

.bnr-icon-1, .bnr-icon-2, .bnr-icon-3, .bnr-icon-4 {
    position: absolute;
    z-index: 1;
    display: none;
}

.bnr-icon-1 {
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 2;
}

.bnr-icon-2 {
    top: 0;
    right: 0;
    left: 50%;
    margin: auto;
    z-index: 1;
}

.bnr-icon-3 {
    top: 0;
    right: 0;
}

.bnr-icon-4 {
    bottom: 20px;
    left: 0;
    right: 35px;
    margin: auto;
    display: none;
}

.service-box-new {
    background: #FFC647;
    border-radius: 14px;
    margin: 0 16px;
    padding: 45px 25px 30px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.service-slider-new .slick-list {
    width: 170%;
}

.service-box-new h3 {
    font-size: 24px;
    font-weight: bold;
    padding: 25px 0;
}

.service-box-new p {
    min-height: 200px;
}

.new-services-sec {
    padding: 80px 0 60px;
    background: url(../images/new-home-page/services-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.new-services-sec .hd-txt h2 {
    padding-bottom: 0;
}

.hd-txt h2 {
    font-size: 48px;
    font-weight: bold;
    line-height: 58px;
    padding-bottom: 20px;
}

.hd-txt h4 {
    font-size: 24px;
    padding: 20px 0;
    color: #dd1e24;
}

.hd-txt p {
    font-size: 16px;
    color: #707070;
    padding-bottom: 20px;
}

.service-box-new:before {
    content: '';
    background: #FBD379;
    background-position: center;
    position: absolute;
    left: -239px;
    top: -188px;
    width: 112%;
    height: 170%;
    z-index: -1;
    transform: rotate(34deg);
}

.slick-slide .service-box-new:hover::before, .slick-current .service-box-new:before {
    background: #fb7a7ff2;
}

.slick-slide .service-box-new:hover, .slick-current .service-box-new {
    background: #ec2027;
}

.service-box-new:hover, .slick-current .service-box-new {
    color: #fff;
}

.service-slider-new .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.service-slider-new .slick-dots li.slick-active button {
    background-color: #dd1e24;
}

.service-slider-new .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
}

.service-slider-new .slick-dots li button {
    background-color: #ffc647;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}

.our-portfolio-industry .hd-txt {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 90px;
}

.our-portfolio-industry .slick-slide:before {
    content: '';
    background: url(../images/industry-sec/accounting/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102%;
    position: absolute;
    top: 255px;
    left: -60px;
    bottom: -10px;
    z-index: 3;
    top: auto;
}

.our-portfolio-industry .slick-current:before {
    display: none;
}

.satisfied_clients_sec .hd-txt p {
    width: 80%;
    margin: 0 auto;
}

.our-portfolio-industry.home-page-portfolio .slick-slide:before {
    content: '';
    background: url(../images/new-home-page/portfolio/port-shadow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 255px;
    left: 0px;
    bottom: 0;
    z-index: 3;
    top: auto;
    opacity: 0.4;
}


.portfolio-page .our-portfolio-industry .hd-txt {
    margin-bottom: 0;
}

.portfolio-page .our-portfolio-industry .portfoilo_boxes {
    margin-top: 20px;

}
.portfolio-page  .port-slider-industry {
    padding-top: 80px;
}


div#portfolio_logo_design .slick-current .port-box-indus:hover img {
    transform: translateY(0px) !important;
}

div#portfolio_branding .slick-current .port-box-indus:hover img {
    transform: translateY(0px) !important;
}

.portfolio-page .vide-page-portfolio .portfoilo_boxes .slick-slide.slick-current .portfolio_box {
    transform: scale(1.4);
    filter: none !important;
}

.portfolio-page .vide-page-portfolio .portfoilo_boxes .slick-list.draggable {
    padding: 70px 0 0 !important;
}

.video-page-portfolio .port-indust-txt-img.port-home-img-txt {
    margin-top: 50px !important;
}


.portfolio-page .vide-page-portfolio .port-indust-txt-img.port-home-img-txt {
    top: -40px;
    margin-bottom: -40px;
}

.portfolio-page .vide-page-portfolio .portfoilo_boxes .slick-current .portfolio_box img {
    width: 89%;
    object-fit: cover;
    min-height: auto;
    height: auto;
    border-radius: 5px;
}
.portfolio-page .video-slider-industry {
    margin-bottom: -30px;
}
.portfolio-page .vide-page-portfolio .portfoilo_boxes .portfolio_box {
    border-radius: 50px !important;
}


.portfolio-page .vide-page-portfolio .portfoilo_boxes .slick-slide:before {
    display: none;
}

.portfolio-page .vide-page-portfolio .portfoilo_boxes .slick-slide .portfolio_box {
    filter: grayscale(1);
}


.portfolio-page .vide-page-portfolio .slick-next:before {
    color: #ffcd24;
}

.portfolio-page .vide-page-portfolio .slick-prev:before {
    color: #ffcd24;
}

.port-indust-txt-img.port-home-img-txt {
    background: url(../images/new-home-page/portfolio/portfolio-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0;
    height: auto;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: -1;
}

.home-process-sec .process-indus-ul ul:nth-child(odd) li {
    /* background: #162578; */
    padding-right: 20px;
}

.home-process-sec .process-indus-ul ul:nth-child(odd) li .indus-process-box {
    padding: 20px 20px;
    margin-bottom: 20px;
    background: #dd1e24;
}

.home-process-sec .process-indus-ul ul:nth-child(odd) li .indus-process-box h3, .home-process-sec .process-indus-ul ul:nth-child(odd) li .indus-process-box p {
    color: #fff;
}

.home-process-sec .process-indus-ul ul:nth-child(even) li {
    padding-right: 22px;
}

.home-process-sec .process-indus-ul ul:nth-child(even) li .indus-process-box {
    margin-top: 20px;
    padding: 20px 20px;
    margin-bottom: 20px;
    background: #ffcd24;
}

.cta-logo-new img {
    width: 100%;
    position: relative;
    bottom: -35px;
    margin: 0 auto;
    display: table;
}

section {
    overflow: hidden;
}

.port-slider-industry {
    margin-top: 70px;
}

section.our-portfolio-industry.home-page-portfolio .port-slider-industry.slick-initialized.slick-slider {
    margin-top: 0;
}

.slick-current .testi-txt {
    left: 0px;
}

.testi-txt:before {
    position: absolute;
    content: '';
    background: #dd1e24;
    width: 80%;
    height: 2px;
    top: 15px;
    left: 35px;
}

.bnr-img-1 {
    position: absolute;
    right: 0;
    top: 380px;
    left: 55px;
    margin: auto;
    z-index: 1;
}

img.bnr-img-2 {
    position: absolute;
    right: 0;
    left: 230px;
    z-index: 1;
    margin: auto;
    top: 110px;
}

.testi-txt:after {
    position: absolute;
    content: '';
    background: #dd1e24;
    width: 80%;
    height: 2px;
    bottom: 15px;
    left: 35px;
}

.slick-current .testi-txt:before, .slick-current .testi-txt:after {
    background: #ffcd24;
}

.slick-current .testi-quote {
    background: #ffcd24;
}

/*new-home-page*/
/*web-design-page*/
.web-design-page .main-new-banner {
    background: url(../images/web-design-pg/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.ecom-design-page .main-new-banner {
    background: url(../images/ecommerce-pg/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.web-design-page .bnr-side-img-new img {
    width: 160%;
    left: -80px;
    top: -70px;
}

.serv-banner {
    height: 660px;
    display: flex;
    align-items: center;
}

.serv-banner .bnr-side-img-new {
    height: 570px;
    position: relative;
    top: 90px;
    width: 85%;
}

.web-design-page .bnr-side-img-new {
    background: #dd1e24;
}

.serv-banner .bnr-txt-main p {
    padding: 20px 0;
}

.serv-banner .btn-div-main {
    margin-bottom: 25px;
}

.serv-banner .bnr-txt-main {
    padding-bottom: 0;
}

.inner-serv-sec .row {
    display: flex;
    align-items: center;
    position: relative;
}

.inner-img img {
    width: 185%;
    position: relative;
    margin-left: -190px;
}

.inner-serv-sec {
    padding: 70px 0;
    height: 670px;
    display: flex;
    align-items: center;
}

.inner-serv-sec .hd-txt p {
    padding: 0px 80px 20px 0px;
}

.inner-serv-sec .inner-logo-img-st {
    position: absolute;
    right: -480px;
    width: 78%;
    bottom: auto;
    top: -120px;
}

.types-of-webiste-content {
    display: flex;
    align-items: flex-start;
}

.type-web-cntnt h2 {
    font-size: 48px;
    text-transform: uppercase;
}

.type-web-cntnt {
    padding: 0 20px 0 40px;
    width: 50%;
}

.type-side-img {
    width: 50%;
    height: 450px;
    position: relative;
}

.type-side-img:hover img {
    background-position: bottom;
    transform: translateY(-300px);
}

.type-side-img img {
    margin: 0 auto;
    width: 100%;
    position: absolute;
    transform: translateY(0);
    top: 0;
    left: 0;
    right: 0;
    background-position: top;
    transition: all 2.5s ease-in-out;
    z-index: 2;
}

.types-nav-bx h4 {
    font-size: 14px;
}

.types-nav-bx {
    transition: all .5s ease-in-out;
    background-color: rgb(255 205 36 / 0%);
    padding: 11px 8px;
    border-radius: 14px;
    color: #434343;
    font-weight: bold;
    box-shadow: 1px 6px 3px rgb(0 0 0 / 21%);
    text-decoration: none;
    text-align: center;
    width: 100%;
    display: table;
    margin-bottom: 15px;
    border: 1px solid #dd1e24;
    cursor: pointer;
    transition: all .5s ease-in-out;
}

.p0 {
    padding: 0;
}

.types-nav .slick-list {
    height: 500px !important;
}

.type-web-cntnt p {
    color: #707070;
    font-size: 18px;
    line-height: 25px;
    padding: 20px 20px 20px 0;
}

.slick-slide:last-child .types-nav-bx {
    margin-bottom: 0;
}

.types-nav-bx:hover {
    background: #dd1e24;
    color: #fff;
}

.types-nav .slick-current .types-nav-bx {
    background: #dd1e24;
    color: #fff;
}

.types-of-website .hd-txt {
    text-align: center;
    padding-bottom: 50px;
}

.types-of-website .hd-txt h2 {
    padding-bottom: 20px;
}

.types-of-website {
    padding: 70px 0 50px;
    position: relative;
    background: url(../images/web-design-pg/types-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.inner-logo-types {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}

.pricing-sec {
    padding: 70px 0;
}

.pricing-sec .hd-txt {
    text-align: center;
}

.pricing-box {
    background: #E6E6E7;
    border-radius: 15px;
    padding-bottom: 25px;
    margin-top: 25px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all .8s ease-in-out;
}

.pricing-hd {
    display: flex;
    align-items: center;
    background: #dd1e24;
    border-radius: 15px;
}
.amount-box sub {
    font-weight: 500;
    font-size: 14px;
}
.pricing-hd-txt {
    padding: 10px;
}

.pricing-hd-txt h4 {
    font-size: 18px;
    color: #fff;
}

.amount-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.amount-box h3 {
    font-size: 55px;
    font-weight: bold;
    color: #000;
}

.amount-box h5 {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-left: 15px;
    font-size: 13px;
}

.amount-box h5 span {
    font-size: 18px;
    color: #E20C0C;
    text-decoration: line-through;
}

.pricing-list {
    background: #fff;
    border-radius: 15px;
    margin: 0 20px 20px;
    padding: 20px 18px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 220px;
}

.pricing-list li {
    font-size: 13px;
    line-height: 25px;
}

.pricing-btn-st {
    padding: 0 20px;
    justify-content: center;
}

.pricing-btn-st .get-btn {
    padding: 11px 40px;
}

.pricing-btn-st .chat-btn {
    padding: 11px 40px;
}

.pricing-box:before {
    content: '';
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #ffffff, #dd1e24);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #ffffff, #dd1e24);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    margin: auto;
    z-index: -1;
    transition: all 0.8s ease-in-out;
    width: 100%;
    height: 0%;
}

.pricing-box:hover::before {
    height: 100%;
}

.pricing-box:hover .pricing-btn-st .chat-btn {
    background: #fff;
    color: #000;
}

.web-design-pricing {
    /*padding-bottom: 0;*/
}

/*web-design-page*/
/*ecommerce-page*/
.ecom-design-page .bnr-side-img-new img {
    width: 90%;
    margin: 0 auto;
    display: table;
    text-align: center;
    left: 0;
    top: 0;
}

.ecom-design-page .inner-img img {
    width: 120%;
    margin-left: -85px;
}

.ecom-design-page .inner-logo-img-st {
    filter: invert(75%) sepia(92%) saturate(1683%) hue-rotate(210deg) brightness(102%) contrast(95%);
}

/*ecommerce-page*/
/*wordpress*/
.wordpress-design-page .main-new-banner {
    background: url(../images/wordpress-dev-pg/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.wordpress-design-page .bnr-side-img-new img {
    width: 150%;
    left: -100px;
    top: -50px;
    bottom: auto;
    right: 0;
}

.wordpress-design-page .inner-img img {
    width: 132%;
    left: 0;
    right: 0;
    margin: auto;
}

.wordpress-design-page .bnr-side-img-new {
    background: #dd1e24;
}

/*wordpress*/
/*web-application*/
.web-application-page .main-new-banner {
    background: url(../images/web-app-pg/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.web-application-page .bnr-side-img-new img {
    width: 120%;
    left: 50px;
    right: 0;
    top: auto;
    bottom: 35px;
}

.web-application-page .bnr-side-img-new .bnr-side-img1 {
    position: absolute;
    left: -148px;
    width: 95%;
    bottom: 100px;
    top: auto;
}

.web-application-page .inner-img img {
    width: 150%;
    left: -105px;
    right: 0;
    margin: auto;
}

/*web-application*/
/*mobile-app*/
.mobile-app-dev-page .main-new-banner {
    background: url(../images/mobile-app-dev-pg/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.mobile-app-dev-page .bnr-side-img-new img {
    width: 130%;
    left: -60px;
    right: 0;
    top: auto;
    bottom: 35px;
}

.mobile-app-dev-page .inner-img img {
    width: 100%;
    left: 60px;
    right: 0;
    margin: auto;
}

.mobile-app-dev-page .main-new-banner .bnr-side-img-new {
    background: #dd1e24;
}

/*mobile-app*/
/*seo*/
.seo-design-page .main-new-banner {
    background: url(../images/seo-pg/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.seo-design-page .bnr-side-img-new img {
    width: 185%;
    position: relative;
    left: -170px;
    top: 22px;
    z-index: 0;
}

.seo-design-page .bnr-side-img-new {
    background: #dd1e24;
}

.seo-design-page .inner-img img {
    width: 130%;
    margin-left: -40px;
}

.inner-sec-seo .inner-img-2 img {
    width: 130%;
    margin-left: -125px;
}

.inner-sec-seo {
    padding: 70px 0;
    position: relative;
    background: url(../images/web-design-pg/types-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.seo-rated-sec {
    padding: 70px 0;
    position: relative;
}

.seo-rated-bg {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 460px;
}

.seo-rated-sec .hd-txt {
    text-align: center;
}

.seo-nav {
    width: 65%;
    margin: 0 auto;
    padding: 40px 0;
}
.seo-nav .slick-slide {
    margin: 0 10px;
}

.seo-rated-sec .service-box-new h3, .seo-rated-sec .service-box-new p {
    color: #000;
}

.seo-rated-sec .slick-slide .service-box-new:hover h3, .seo-rated-sec .slick-slide .service-box-new:hover p {
    color: #fff;
}

.seo-rated-sec .slick-slide .service-box-new:hover {
    background: #292929;
}

.seo-rated-sec .slick-slide .service-box-new:hover::before {
    background: #434343;
}

.seo-rated-sec .service-box-new p {
    min-height: 150px;
}

.seo-rated-sec .slick-slide .service-box-new {
    background: #FFC647;
}

.seo-rated-sec .slick-slide .service-box-new:before {
    background: #FBD379;
}

.seo-nav .types-nav-bx {
    margin-bottom: 0;
}

.seo-nav .slick-current .types-nav-bx {
    background: #dd1e24;
    color: #fff;
}

.seo-services-sec {
    padding: 70px 0 310px;
    background: #E9E9E9;
}

.seo-services-sec .hd-txt {
    text-align: center;
}

.seo-serv-list ul {
    padding: 0;
}

.seo-serv-list ul li {
    list-style: none;
}

.seo-serv-bx {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #707070;
    margin-bottom: 30px;
    border-radius: 70px;
    padding: 25px 120px 25px 25px;
    background: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.seo-serv-img {
    background: #235ACF;
    border-radius: 58px;
    margin-right: 30px;
    width: 335px;
    height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.seo-serv-img img {
    width: 100px;
}

.seo-serv-txt h3 {
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 15px;
}

.seo-serv-txt p {
    font-size: 18px;
    font-weight: 400;
}

.seo-serv-list ul li:last-child .seo-serv-bx {
    margin-bottom: 0;
}

.seo-serv-bx:before {
    content: '';
    background: #FFC647;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 280px;
    z-index: -1;
    margin: auto;
    transition: all .5s ease-in-out;
}

.seo-serv-bx:hover::before {
    bottom: 0;
    top: 0;
}

.keyword-resrch-sec .container {
    /* background: #dd1e24; */
}

.keyword-resrch-sec .container .row {
    display: flex;
    align-items: center;
    background: #dd1e24;
    border-radius: 112px;
    padding: 10px 0px 0 40px;
    box-shadow: 1px 1px 31px 6px rgb(0 0 0 / 28%);
    position: relative;
}

.keyword-img img {
    width: 120%;
}

.keyword-resrch-sec h2, .keyword-resrch-sec p {
    color: #fff;
}

.keyword-resrch-sec {
    padding: 40px 0;
    margin-top: -265px;
    margin-bottom: -265px;
}

.advantage-sec {
    background: url(../images/seo-pg/advantage-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 310px 0 70px;
    height: 1150px;
    overflow: visible;
    margin-bottom: 235px;
    display: block;
}

.advantage-sec .hd-txt {
    text-align: center;
    padding-bottom: 40px;
}

.advantage-sec .hd-txt h2, .advantage-sec .hd-txt p {
    color: #fff;
}

.advntage-box {
    text-align: center;
    background: #235ACF;
    border-radius: 25px;
    padding: 30px 20px;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.advantage-sec .advntage-box:nth-child(4) {
    margin-bottom: 0;
}

.advntage-box h4 {
    padding: 15px 0;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.advntage-box p {
    font-size: 16px;
    color: #fff;
    min-height: 210px;
}

.advntage-box:nth-child(n+4) {
    margin-bottom: 0;
}

.advantage-sec .col-sm-3:nth-child(n+4) .advantage-sec {
    margin-bottom: 0;
}

.advn-main-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.advntage-box:after {
    content: '';
    background: #ffcd24;
    position: absolute;
    bottom: -460px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all .5s ease-in-out;
}

.advntage-box:hover::after {
    bottom: 0;
}

.advntage-box:hover h4, .advntage-box:hover p {
    color: #000;
}

.advntage-box:hover img {
    filter: invert(1);
}

.seo-pricing-st {
    padding-top: 0;
}

/*seo*/
/*smm*/
.smm-design-page .main-new-banner {
    background: url(../images/smm-pg/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.smm-design-page .bnr-side-img-new img {
    width: 155%;
    left: -105px;
    top: 0;
}

.smm-design-page img.bnr-side-smm-img-1 {
    position: absolute;
    left: -160px;
    bottom: 105px;
    top: auto;
    width: 60%;
}

.smm-design-page img.bnr-side-smm-img-2 {
    position: absolute;
    right: -70px;
    top: -2px;
    width: 60%;
    left: inherit;
}

.smm-design-page .inner-img img {
    width: 159%;
    left: 80px;
}

.smm-design-page .inner-serv-sec .inner-logo-img-st {
    filter: invert(75%) sepia(92%) saturate(1683%) hue-rotate(210deg) brightness(102%) contrast(95%);
}

.smm-design-page .inner-sec-seo .inner-img-2 img {
    width: 120%;
    margin-left: -125px;
}

.smm-design-page .our-portfolio-industry {
    padding-top: 0;
}

.smm-design-page .advantage-sec {
    padding-top: 340px;
    margin-bottom: 240px;
}

.smm-design-page .seo-pricing-st {
    padding-top: 70px;
}

.smm-design-page .seo-services-sec {
    padding-bottom: 340px;
}

.smm-design-page .keyword-resrch-sec {
    margin-top: -305px;
    margin-bottom: -305px;
}

.smm-design-page .keyword-img img {
    width: 100%;
    position: relative;
    right: -55px;
}

/*smm*/
/*orm*/
.orm-design-page .bnr-side-img-new img {
    width: 150%;
    top: 0;
    left: -90px;
}

.orm-design-page .bnr-side-img-new {
    background: #dd1e24;
}

.orm-design-page .inner-img img {
    width: 140%;
    margin-left: -40px;
}

.orm-design-page .main-new-banner {
    background: url(../images/orm-pg/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.orm-design-page .advantage-sec {
    padding-top: 70px;
    margin-bottom: 160px;
    height: 1000px;
}

.orm-design-page .seo-pricing-st {
    padding-top: 20px;
}

/*orm*/
/*video-animation*/
.video-animation-page .main-new-banner {
    background: url(../images/video-pg/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.video-animation-page .bnr-side-img-new img {
    width: 160%;
    top: 0px;
    left: -160px;
}

.video-animation-page .inner-img img {
    width: 140%;
    margin-left: -5px;
}

.video-animation-page .inner-logo-img-st {
    filter: invert(75%) sepia(92%) saturate(1683%) hue-rotate(210deg) brightness(102%) contrast(95%);
}

/*video-animation*/
/*logo-animation*/
.logo-animation-page .main-new-banner {
    background: url(../images/logo-anim-pg/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.logo-animation-page .bnr-side-img-new img {
    width: 100%;
    top: 0;
    left: 0;
}

.logo-animation-page .bnr-side-img-new {
    background: #235acf;
}

.logo-animation-page .inner-img img {
    width: 108%;
    margin-left: 0;
}

.logo-animation-page .type-side-img img {
    width: 100%;
}

/*.logo-animation-page .type-side-img {
    width: 860px;
}*/
/*logo-animation*/
/*logo-design*/
.logo-design-page .main-new-banner {
    background: url(../images/logo-design/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.logo-design-page .bnr-side-img-new img {
    width: 160%;
    left: -130px;
    top: -20px;
}

.logo-design-page .inner-img img {
    width: 140%;
    margin-left: -80px;
}

.logo-design-page .inner-logo-img-st {
    filter: invert(75%) sepia(92%) saturate(1683%) hue-rotate(210deg) brightness(102%) contrast(95%);
}

/*logo-design*/
/*branding*/
.branding-design-page .main-new-banner {
    background: url(../images/branding-pg/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.branding-design-page .bnr-side-img-new img {
    width: 120%;
    left: -40px;
    top: 0;
}

.branding-design-page .inner-img img {
    width: 105%;
    margin-left: 0;
}

.branding-design-page .inner-logo-img-st {
    filter: invert(75%) sepia(92%) saturate(1683%) hue-rotate(210deg) brightness(102%) contrast(95%);
}

/*branding*/
/*portfolio-page*/
.portfolio-page .main-new-banner {
    background: url(../images/portfolio-pg/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.portfolio-page .bnr-side-img-new img {
    width: 180%;
    left: -150px;
    top: 0;
}

.portfolio-page img.bnr-side-img1 {
    position: absolute;
    left: 0;
    width: auto;
    bottom: auto;
    top: -130px;
    right: inherit;
}

.portfolio-page img.bnr-side-img2 {
    position: absolute;
    left: -260px;
    right: inherit;
    bottom: 70px;
    top: auto;
    width: auto;
}

.portfolio-page img.bnr-side-img3 {
    position: absolute;
    left: inherit;
    right: -150px;
    bottom: auto;
    top: 28px;
    width: auto;
}

.portfolio-page .inner-img img {
    width: 130%;
    margin-left: 0;
}

.portfolio-page .web-design-inner {
    padding-bottom: 0;
}

/*portfolio-page*/
/*pricing-pg*/
.pricing-page .main-new-banner {
    background: url(../images/portfolio-pg/banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 65px;
}

.pricing-page .bnr-side-img-new img {
    width: 180%;
    left: -150px;
    top: 0;
}

.pricing-page img.bnr-side-img1 {
    position: absolute;
    left: 0;
    width: auto;
    bottom: auto;
    top: -130px;
    right: inherit;
}

.pricing-page img.bnr-side-img2 {
    position: absolute;
    left: -260px;
    right: inherit;
    bottom: 70px;
    top: auto;
    width: auto;
}

.pricing-page img.bnr-side-img3 {
    position: absolute;
    left: inherit;
    right: -150px;
    bottom: auto;
    top: 28px;
    width: auto;
}

.pricing-page .inner-img img {
    width: 130%;
    margin-left: 0;
}

.pricing-page section.pricing-sec {
    padding-top: 0;
}

.pricing-page .pricing-list-ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pricing-page .pricing-box.combo-price-new {
    background: url(../images/pricing-pg/combo-inner-pck-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 40px;
}

.pricing-page .pricing-box.combo-price-new::before {
    display: none;
}

.pricing-box.combo-price-new .pricing-hd {
    width: 100%;
}

.pricing-box.combo-price-new .pricing-hd-txt {
    width: 100%;
    text-align: center;
    padding: 0;
    position: relative;
    left: -40px;
}

/*pricing-pg*/
.inner-sec-seo .row {
    display: flex;
    align-items: center;
}

.navbar_custom ul.nav.navbar-nav li.dropdown ul.dropdown-menu {
    transform: scaleY(0);
    transition: all .5s ease-in-out;
    display: block;
    border-radius: 14px;
    padding: 5px 0;
    overflow: hidden;
    width: 263px;
}

.navbar_custom ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a:before {
    background: #ffcd24;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    z-index: -1;
    transition: all .5s ease-in-out;
}


.navbar_custom ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a:after {
    content: "\f0a9";
    font-family: 'FontAwesome';
    left: 0;
    font-size: 14px;
    position: absolute;
    right: 9px;
    text-align: right;
    top: 12px;
    color: #2258c9;
}




.navbar_custom ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a {
    position: relative;
    overflow: hidden;
    padding: 2px 10px;
    min-width: 200px;
}

.navbar_custom ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a:hover {
    background: transparent;
}

.navbar_custom ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a:hover::before {
    width: 100%;
}

.nav-col {
    width: 58%;
}

.bnr-txt-main.bnr-txt-price h1 span {
    color: #ffcd24;
}

.smm-design-page .seo-services-sec .seo-serv-txt {
    width: 160%;
}

.testi-sec .slick-dots {
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.testi-sec .slick-dots li.slick-active button {
    background-color: #008efd;
}

.testi-sec .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
}

.testi-sec .slick-dots li button {
    background-color: #e5e5e5;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}

.types-nav .slick-dots {
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.types-nav .slick-dots li.slick-active button {
    background-color: #008efd;
}

.types-nav .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
}

.types-nav .slick-dots li button {
    background-color: #e5e5e5;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}

.seo-nav .slick-dots {
    position: absolute;
    bottom: -15px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.seo-nav .slick-dots li.slick-active button {
    background-color: #008efd;
}

.seo-nav .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
}

.seo-nav .slick-dots li button {
    background-color: #e5e5e5;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}

body.logo-white .logo img {
    /* filter: invert(106%) sepia(50%) saturate(367%) hue-rotate(358deg) brightness(102%) contrast(104%); */
}

.main-pricing-sec .portfoilo_boxes .nav-tabs>li>a {
    /* margin-right: 20px; */
    /* line-height: 1.42857143; */
    /* border: 1px solid #ccc; */
    /* border-radius: 50px; */
    /* color: #000000; */
    /* background-color: #f6f5f5; */
    /* padding: 5px 20px; */
    /* font-size: 16px; */
    /* font-weight: 400; */
}

.main-pricing-sec .portfoilo_boxes .nav-tabs>li>a:hover {
    /* background: url(../images/port-hover-tab.png); */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* border: 1px solid transparent; */
    /* border-bottom-color: transparent; */
    /* color: #fff; */
}

.main-pricing-sec .portfoilo_boxes .nav-tabs>li.active>a, .main-pricing-sec .portfoilo_boxes .nav-tabs>li.active>a:focus, .main-pricing-sec .portfoilo_boxes .nav-tabs>li.active>a:hover {
    /* color: #fff; */
    /* cursor: default; */
    /* background: url(../images/port-hover-tab.png); */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* border: 1px solid transparent; */
    /* border-bottom-color: transparent; */
}

.main-pricing-sec .portfolio_box {
    margin: 0 0 30px;
}

.portfoilo_boxes .btn-div-main a.get-btn {
    padding: 11px 35px;
    margin-right: 10px;
    /* border: 0; */
}

.portfoilo_boxes .btn-div-main li:last-child a.get-btn {
    margin-right: 0;
}

.portfoilo_boxes.pricing-inr-tab-st {
    margin-top: 0;
}

.main-pricing-sec .tab-content .col-sm-12 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/*Home Text*/
.cd-intro {
    opacity: 1;
    width: 100%;
    height: 120px;
    margin-top: 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    z-index: 99;
}

.cd-words-wrapper {
    /* display: block; */
    /* text-align: center; */
    /* color: #fff; */
    /* margin: 0 auto; */
    /* font-size: 144px; */
    /* letter-spacing: 0px; */
}

.cd-words-wrapper b {
    display: block;
    margin: 0 auto;
    position: absolute;
    /* white-space: nowrap; */
    /* text-align: center; */
    top: 0;
    /* left: 0; */
    /* bottom: 0; */
    /* right: 0; */
    word-spacing: 10px;
}

.cd-words-wrapper b.is-visible {
    /*  display: block;
    margin: 0 auto; */
    position: relative;
    /*  text-align: center; */
}

.no-js .cd-words-wrapper b {
    /*  display: block;
    margin: 0 auto; */
    opacity: 0;
    /*  text-align: center */
}

.no-js .cd-words-wrapper b.is-visible {
    /*  display: block;
    margin: 0 auto; */
    opacity: 1;
    /*  text-align: center */
}

.cd-headline.rotate-2 .cd-words-wrapper {
    -webkit-perspective: 660px;
    -moz-perspective: 660px;
    perspective: 660px;
    max-width: 660px;
}

.cd-words-wrapper {
    /* font-size: 50px; */
    /* margin-top: -10px; */
}

.cd-headline.rotate-2 .cd-words-wrapper {
    /* max-width: 400px; */
    /* text-shadow: #000 0 1px 1px; */
    /* font-size: 115px; */
    /* letter-spacing: 0px; */
    color: #fff;
}

.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cd-headline.rotate-2 b {
    opacity: 0;
}

.cd-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0
}

.is-visible .cd-headline.rotate-2 i {
    opacity: 1
}

.cd-headline.rotate-2 i.in {
    -webkit-animation: cd-rotate-2-in .15s forwards;
    -moz-animation: cd-rotate-2-in .15s forwards;
    animation: cd-rotate-2-in .15s forwards
}

.cd-headline.rotate-2 i.out {
    -webkit-animation: cd-rotate-2-out .15s forwards;
    -moz-animation: cd-rotate-2-out .5s forwards;
    animation: cd-rotate-2-out .5s forwards
}

.cd-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(50px);
}

.no-csstransitions .cd-headline.rotate-2 i {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 0
}

.no-csstransitions .cd-headline.rotate-2 i em {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
    opacity: 1
}

@-webkit-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg)
    }
}

@-moz-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0deg)
    }
}

@keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        -moz-transform: translateZ(-20px) rotateX(90deg);
        -ms-transform: translateZ(-20px) rotateX(90deg);
        -o-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        -moz-transform: translateZ(-20px) rotateX(-10deg);
        -ms-transform: translateZ(-20px) rotateX(-10deg);
        -o-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
        -moz-transform: translateZ(-20px) rotateX(0deg);
        -ms-transform: translateZ(-20px) rotateX(0deg);
        -o-transform: translateZ(-20px) rotateX(0deg);
        transform: translateZ(-20px) rotateX(0deg)
    }
}

@-webkit-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@-moz-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        -moz-transform: translateZ(-20px) rotateX(-100deg);
        -ms-transform: translateZ(-20px) rotateX(-100deg);
        -o-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        -moz-transform: translateZ(-20px) rotateX(-90deg);
        -ms-transform: translateZ(-20px) rotateX(-90deg);
        -o-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg)
    }
}

.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
    /*display: inline-block;*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
}

/*.cd-headline.rotate-2 b i:nth-child(7) {
    margin: 0 0 0 20px;
}*/
section.types-of-website img.inner-logo-types {
    display: none;
}

.include-sec-home .tools {
    display: block;
}

.tools {
    padding: 70px 0;
    background-color: #f1f1f1;
    display: none;
}

@media screen and (max-width: 991px) {
    .tools {
        padding:60px 0
    }
}

.tools p {
    color: #323232
}

@media screen and (max-width: 575px) {
    .tools {
        padding:56px 0 58px
    }
}

.tools__list--bottom {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 991px) {
    .tools__list--bottom {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.tools__list--bottom .tools__list--item {
    margin-right: 2px;
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 24.9%!important;
    flex: 0 0 24.9%!important
}

@media (max-width: 991px) {
    .tools__list--bottom .tools__list--item {
        -webkit-box-flex:0!important;
        -ms-flex: 0 0 49.5%!important;
        flex: 0 0 49.5%!important;
        margin-bottom: 2px
    }
}

.tools__list--bottom .tools__list--item.item-1 {
    background-color: #ffffff!important;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 0!important
}

@media (max-width: 991px) {
    .tools__list--bottom .tools__list--item.item-1 {
        border-radius:0
    }
}

@media screen and (max-width: 575px) {
    .tools__list--bottom .tools__list--item.item-1 {
        border-radius:0!important
    }
}

.tools__list--bottom .tools__list--item.item-1 h3:before,.tools__list--bottom .tools__list--item.item-1 p:before {
    background-image: url(../images/product/group-25.svg)!important
}

.tools__list--bottom .tools__list--item.item-2 {
    background-color: #eaf3fe;
    border-top-right-radius: 0!important
}

.tools__list--bottom .tools__list--item.item-2 h3:before,.tools__list--bottom .tools__list--item.item-2 p:before {
    background-image: url(../images/product/group-33.svg)!important
}

.tools__list--bottom .tools__list--item.item-3 {
    background-color: #ffffff;
/*    padding-top: 31px*/
}

@media (max-width: 991px) {
    .tools__list--bottom .tools__list--item.item-3 {
        border-bottom-left-radius:10px
    }
}

@media screen and (max-width: 575px) {
    .tools__list--bottom .tools__list--item.item-3 {
        border-radius:0
    }
}

.tools__list--bottom .tools__list--item.item-3 .list {
/*    margin-top: 28px*/
}

.tools__list--bottom .tools__list--item.item-3 h3:before,.tools__list--bottom .tools__list--item.item-3 p:before {
    background-image: url(../images/product/group-29.svg);
    top: -15px;
}

@media screen and (max-width: 575px) {
    .tools__list--bottom .tools__list--item.item-3 h3:before,.tools__list--bottom .tools__list--item.item-3 p:before {
        top:-14px
    }
}

.tools__list--bottom .tools__list--item.item-4 {
    background-color: #ffffff;
    border-bottom-right-radius: 10px
}

@media screen and (max-width: 575px) {
    .tools__list--bottom .tools__list--item.item-4 {
        border-bottom-left-radius:10px
    }
}

.tools__list--bottom .tools__list--item.item-4 h3:before,.tools__list--bottom .tools__list--item.item-4 p:before {
    background-image: url(../images/product/group-15.svg)
}

.tools__list--item {
    padding: 37px 20px 20px
}

@media (max-width: 575px) {
    .tools__list--item h3 {
        display:inline-block
    }
}

.tools__list--item h3,.tools__list--item p {
    font-size: 16px;
    line-height: 1.31;
    color: #dd1e24;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 50px;
    position: relative
}

.tools__list--item h3:before,.tools__list--item p:before {
    content: "";
    position: absolute;
    left: -3px;
    top: -14px;
    width: 48px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.tools__list--item .list {
    margin-top: 39px
}

.tools__list--item .list li {
    display: inline-block;
    font-size: 14px;
    line-height: 1.25;
    border-radius: 13px;
    border: 1px solid rgb(51 51 51 / 38%);
    padding: 3px 10px;
    margin-bottom: 14px
}

@media screen and (max-width: 575px) {
    .tools__list--item .list li {
        margin-bottom:7px;
        padding: 3px 8px
    }
}

.tools__list--top {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2px
}

.tools__list--top .item-1 h3:before,.tools__list--top .item-1 p:before {
    background-image: url(../images/product/group-19.svg);
}

@media screen and (max-width: 575px) {
    .tools__list--top {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        margin-bottom: 0
    }
}

.tools__list .tools__list--item {
    margin-right: 2px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 15px
}

@media (max-width: 991px) {
    .tools__list .tools__list--item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 49.5%;
        flex: 0 0 49.5%
    }
}

@media screen and (max-width: 575px) {
    .tools__list .tools__list--item {
        -webkit-box-flex:0!important;
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        margin: 0;
        margin-bottom: 2px
    }
}

.tools__list .tools__list--item.item-1 {
    background-color: #ffffff;
    border-top-left-radius: 10px
}

@media screen and (max-width: 575px) {
    .tools__list .tools__list--item.item-1 {
        border-top-right-radius:10px
    }
}

.tools__list .tools__list--item.item-2 {
    background-color: #ffffff;
    border-top-right-radius: 10px
}

@media screen and (max-width: 575px) {
    .tools__list .tools__list--item.item-2 {
        border-radius:0
    }
}

.tools__list .tools__list--item.item-2 h3:before,.tools__list .tools__list--item.item-2 p:before {
    background-image: url(../images/product/group-40.svg)
}

.tools__content {
    max-width: 800px;
    margin: 0 auto 50px;
    text-align: center
}

@media screen and (max-width: 575px) {
    .tools__content {
        margin:0 auto 40px
    }
}

.tools__content h2 {
    line-height: 30px;
    margin-bottom: 5px
}

@media screen and (max-width: 575px) {
    .tools__content h2 {
        font-size:24px;
        line-height: 36px
    }
}

.tools__content h3 {
    font-size: 18px;
    line-height: 1.67;
    font-weight: 400
}

@media screen and (max-width: 575px) {
    .tools__content h3 {
        font-size:16px;
        line-height: 27px
    }
}

.client-awards {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 40px;
}

.client-awards a {
    margin-right: 20px;
}

.client-awards a:last-child {
    margin-right: 0;
}

.industries-pages-st section.cta_sec h2 {
    color: #FFF !important;
    font-size: 35px;
    line-height: 40px;
    padding-top: 0;
}

.industries-pages-st section.cta_sec p {
    color: #fff !important;
    margin: 0;
}

section.cta_sec h2 {
    color: #FFF !important;
    font-size: 35px;
    line-height: 40px;
    padding-top: 0;
}

section.cta_sec p {
    color: #fff !important;
    margin: 0;
}

section.cta_sec .row {
    display: flex;
    align-items: center;
}

.progress {
    overflow: visible;
    margin-bottom: 0;
    height: 15px;
}

.progress .progress-bar {
    background-color: #dd1e24;
    position: relative;
    border-radius: 4px;
}

.progress .progress-bar span {
    background-color: #5c4084;
    position: absolute;
    bottom: -20px;
    font-size: 10px;
    line-height: 10px;
    padding: 2px 3px 2px 4px;
    right: -1.4em;
    border-radius: 2px;
}

.progress .progress-bar span:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #5c4084;
    border-width: 5px;
    margin-left: -5px;
}

.progress-bar-text {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 15px;
    justify-content: space-between;
    width: 100%;
}

.progress-main-div {
    position: relative;
    height: 55px;
}

section.new-leading-sec-inner .progress-bar-text h4 {
    font-size: 16px;
    text-transform: uppercase;
}

.leading-inner-img img {
    width: 100%;
}

section.new-leading-sec-inner .hd-txt h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 22px;
}

section.new-leading-sec-inner {
    padding: 50px 0;
}

.pricing-page section.pricing-sec.combo-packages-sec {
    padding-top: 50px;
}

.leading-progress-number {
    display: flex;
    align-items: center;
    margin: 22px 0 0 0;
}

.leading-progress-number a {
    margin-left: 15px;
    color: #7D7D7D;
    line-height: 30px;
    text-decoration: none;
}

.leading-progress-number a span {
    display: block;
    color: #333;
}

.progress-number-icon {
    background: #eee;
    padding: 11px;
    border-radius: 14px;
}

/* width */
.pricing-list::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.pricing-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 8px;
}

/* Handle */
.pricing-list::-webkit-scrollbar-thumb {
    background: #dd1e24;
    border-radius: 8px;
}

/* Handle on hover */
.pricing-list::-webkit-scrollbar-thumb:hover {
    background: rgb(255, 205, 36);
}

.links-bnr {
    display: flex;
    align-items: center;
    padding-top: 25px;
}

.links-bnr a img {
    width: 100%;
    filter: invert(1) brightness(100);
}

.links-bnr a {
    width: 40.33%;
    margin-right: 20px;
    text-align: center;
}

.links-bnr a:first-child img {
    width: 100%;
}

.links-bnr a:first-child {
    width: 28%;
}

.pricing-div-main-st .col-sm-12 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.our-portfolio-industry.mobile-app-portfolio .slick-current .port-box-indus:hover img {
    transform: translateY(0px) !important;
}

.our-portfolio-industry.mobile-app-portfolio .slick-current .port-box-indus {
    top: 0;
}

.our-portfolio-industry.mobile-app-portfolio .port-box-indus {
    height: 360px;
}

.types-of-video-st .type-side-img img:hover {
    transform: translateY(0px) !important;
    background-position: center;
}

.types-of-logo-st .type-side-img img:hover {
    transform: translateY(0px) !important;
    background-position: center;
}

.types-of-branding-st .type-side-img img:hover {
    transform: translateY(0px) !important;
    background-position: center;
}

.types-nav .slick-dots {
    display: none !important;
}

li#loc_dro_t i {
    display: inline-block;
}

ul.footer_drop {
    height: auto;
    padding: 0;
    width: 500px;
    width: 100%;
    position: relative;
    z-index: 999;
    display: none;
    left: 0;
    right: 0;
    align-content: center;
    top: 5px;
    margin: auto;
    /*display: flex !important;*/
    flex-wrap: wrap;
}

.footer_drop .col-sm-4 {
    padding: 0px 10px 0;
    width: 30%;
    float: left;
}

.footer_drop li {
    display: table;
    margin: 0 0 0 0px;
    padding: 0 0 5px 15px;
}

ul#footer_drop_t li {
    width: 15%;
    padding: 0;
}

.header-form-st {
    position: absolute;
    right: 60px;
    background: #dd1e24;
    padding: 20px 20px;
    box-shadow: 2px 2px 11px 0px #00000029;
    border-radius: 12px;
    height: 365px;
    transition: all .5s ease-in-out;
    display: none;
    margin-top: 12px;
}

.header-form-st.active {
    display: block;
}

.header-form-st form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    right: 0;
    top: 0;
}

.header-form-st h3 {
    padding-bottom: 20px;
    color: #fff;
}

.header-form-st form input {
    margin: 0px 0 10px;
    padding: 8px 10px;
    border-radius: 14px;
    border: 0;
    box-shadow: 2px 2px 11px 0px #00000029;
}

.header-form-st form textarea {
    margin-bottom: 10px;
    padding: 8px 10px;
    resize: none;
    height: 70px;
    border-radius: 14px;
    box-shadow: 2px 2px 11px 0px #00000029;
    border: 0;
}

.header-form-st form button {
    background-color: rgb(255, 205, 36);
    padding: 11px 20px;
    border-radius: 14px;
    color: #434343;
    font-weight: bold;
    font-size: 12px;
    box-shadow: 1px 6px 3px rgb(0 0 0 / 21%);
    text-decoration: none;
    transition: all .5s ease-in-out;
    min-width: 120px;
    border: 0;
    text-align: center;
    margin-top: 15px;
}

.close-btn-hdr.ta-center {
    position: absolute;
    top: -20px;
    right: -20px;
    background: #ffcd24;
    padding: 20px;
    border-radius: 60%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 26px;
    text-decoration: none;
}

.header-form-st .fa-caret-up {
    position: absolute;
    top: -33px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: #ff0000;
}

.indust-list-col-st {
    border-top: 1px solid #ffffff47;
    padding: 10px 0 10px 10px;
    margin-top: 20px;
    border-bottom: 1px solid #ffffff47;
}

div#loc_dro_t a {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
}

div#loc_dro_t li a {
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
}



div#loc_dro_t li a:before {
    content: "\f0a9";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    font-size: 14px;
}

div#loc_dro_t li a:hover {
    color: #ffcd24;
}

ul.ftr-drp-ul-inr {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0 10px 15px;
}

.navbar_custom ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a img {
    padding: 6px;
    border: 2px solid #eee;
    background: transparent;
    border-radius: 14px;
    width: auto;
    height: 38px;
}

.navbar_custom ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a:hover img {
    background: #fff;
}

.header_navbar.sticky {
    background: #ffcd24;
}
/* .header_navbar.sticky.fixed {
    background: #000;
} */

.header_navbar.sticky .logo {
    display: none;
    transition: all .5s ease-in-out;
}

.header_navbar.sticky.fixed .logo {
    display: block;
}

.header_navbar.sticky.fixed .logo img {
    filter: none;
}

.top_bar .logo-col {
    width: 20%;
}

ul.socialicons li a i {
    color: #ec2027;
}

ul.soc-icons.socialicons i {
    color: #fff;
}

.navbar_custom ul.nav.navbar-nav li.dropdown ul.dropdown-menu li a i {
    position: relative;
    right: -4px;
    background: #dd1e24;
    border-radius: 60%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}



.ftr-indusrties-box ul.ftr-drp-ul-inr {
    padding-left: 0;
}

.ftr-indusrties-box ul.ftr-drp-ul-inr li {
    width: 50%;
    display: flex;
    align-items: center;
}

.ftr-indusrties-box ul.ftr-drp-ul-inr li i {
    color: #fff;
}

.ftr-indusrties-box ul.ftr-drp-ul-inr li a {
    padding-left: 9px;
}




.header_main_sec.fixed .header-form-st {
    z-index: 5;
    top: 80px;
}


.cntent-writing-bnr .bnr-side-img-new img {
    width: 150%;
    left: -28px;
    top: 50px;
}

.content-inner-about-sec .inner-img img {
    width: 130%;
    margin-left: 0;
}
.pricing-sec.content-writing-pricing {
    padding: 70px 0;
}


section.our-portfolio-industry.vide-page-portfolio .hd-txt {
    margin-bottom: 0;
}

section.our-portfolio-industry.vide-page-portfolio .portfoilo_boxes {
    margin-top: 20px;
}

section.our-portfolio-industry.vide-page-portfolio .portfolio_box img {
    width: auto;
    margin: 0 auto;
    display: table;
}




section.our-portfolio-industry.vide-page-portfolio .portfoilo_boxes .slick-slide.slick-current .portfolio_box {
    transform: scale(1.4);
    filter: none !important;
}

section.our-portfolio-industry.vide-page-portfolio .portfoilo_boxes .slick-list.draggable {
    padding: 70px 0 0 !important;
}

.video-page-portfolio .port-indust-txt-img.port-home-img-txt {
    margin-top: 50px !important;
}

section.our-portfolio-industry.home-page-portfolio.mobile-app-portfolio.vide-page-portfolio {}

section.our-portfolio-industry.home-page-portfolio.mobile-app-portfolio.vide-page-portfolio .port-indust-txt-img.port-home-img-txt {
    top: -40px;
    margin-bottom: -40px;
}

section.our-portfolio-industry.vide-page-portfolio .portfoilo_boxes .slick-current .portfolio_box img {
    width: 89%;
    object-fit: cover;
    min-height: auto;
    height: auto;
    border-radius: 5px;
}

section.our-portfolio-industry.vide-page-portfolio .portfoilo_boxes .portfolio_box {
    border-radius: 50px !important;
}


section.our-portfolio-industry.vide-page-portfolio .portfoilo_boxes .slick-slide:before {
    display: none;
}

section.our-portfolio-industry.vide-page-portfolio .portfoilo_boxes .slick-slide .portfolio_box {
    filter: grayscale(1);
}


section.our-portfolio-industry.vide-page-portfolio .slick-next:before {
    color: #ffcd24;
}

section.our-portfolio-industry.vide-page-portfolio .slick-prev:before {
    color: #ffcd24;
}




.popupform-main-new-popup .company_profile{

}


.popupform-main-new-popup .company_profile input{
           width: auto !important;
    margin: 4px 10px 0 0 !important;
}

.popupform-main-new-popup .company_profile p{
        color: #fff !important;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px !important;
}

.popupform-main-new-popup .company_profile p a{

    color: #fff !important;
    }


    #expiration-date{

    }


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


.expiery select {
    width: 47% !important;
    display: list-item;
}

div#credit_cards {}
div#credit_cards img{
    width: 60px;
    margin-right: 9px;
}










.table-pricing-bx tr.heading-table th {
    font-size: 19px;
    width: 15%;
    text-align: center;
}

.table-pricing-bx tr {
    border: 1px solid;
    width: 100%;
}

.table-pricing-bx td {
    border: 1px solid;
    text-align: center;
    font-size: 14px;
    height: 70px;
    padding: 0 8px;
    width: 14%;
}

.table-pricing-bx tr.heading-table th:nth-child(2) {
    text-align: center;
}

.table-pricing-bx td span {
    font-weight: 700;
    display: block;
}

.table-pricing-bx td:nth-child(1) {
    font-weight: 600;
}