.bd_conbox,
.bd_so a,
.bd_so a span,
.bd_txt,
.inner_banner,
.nav-item.cus-rel,
.portfolio-pic,
.qr-platform .row .side-border,
.single-summery-sec .single-port-img,
.site-header {
    position: relative;
}

.bd_contact .bd_conbtm,
.bd_textbox1 h2,
.bd_txtbox h2,
.heading h2,
.why-oracle h2 {
    font-weight: 600;
    /* text-transform: uppercase; */
}

.career-section2 .jobs-view-toggle .btn,
.jobs-item .social-icons > li .btn,
.jobs-item .top-btns li .btn {
    padding-right: 0;
    width: 30px;
    padding-left: 0;
}

.career-section2 .panel-title > a:active,
.career-section2 .panel-title > a:focus,
.career-section2 .panel-title > a:hover,
.jobs-item .title a,
h5.l-link a {
    text-decoration: none;
}

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

::-webkit-scrollbar-track {
    background: #adadad;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background: #ff3a8b;
    border-radius: 5px;
}

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

html {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.experience-box,
a {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}

.site-header .navbar,
.site-header .navbar .dropdown {
    position: initial;
}

.menu-section .navbar,
.port-cont-sec,
.qr_solution .col-lg-2 {
    padding: 0;
}

.menu-section .navbar .navbar-nav .nav-item {
    padding: 15px 0;
}

.menu-section ul li.nav-item .dropdown-menu {
    background: #fff;
    width: 100%;
    min-width: 600px;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    display: block;
    max-height: 0;
    visibility: hidden;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    overflow: hidden;
}

.menu-section ul li.nav-item .dropdown-menu.show {
    max-height: 800px;
    visibility: visible;
}

.dropdown-menu.midium {
    max-width: 600px;
    top: 116%;
}

.dropdown-menu.small,
.dropdown-menu.small-xs {
    min-width: 200px !important;
    max-width: 300px;
    top: 116%;
}

.dropdown-menu .menu-col:last-child ul,
.dropdown-menu.small ul,
.dropdown-menu.small-xs ul {
    border-right: none;
}

.dropdown-menu.small {
    min-width: 250px !important;
}

.menu-section .dropdown-menu li:last-child a {
    padding: 5px 0 !important;
}

.menu-section .dropdown-menu li:last-child {
    margin-left: 0 !important;
}

.menu-section ul li.nav-item .dropdown-menu a.dropdown-item {
    color: #333;
    font-weight: 400;
    font-size: 13px;
    text-transform: none;
    white-space: inherit;
}

.menu-section ul li.nav-item .dropdown-menu a.dropdown-item:last-child {
    border-bottom: 0;
}

.menu-section ul li.nav-item .dropdown-menu a.dropdown-item:focus,
.menu-section ul li.nav-item .dropdown-menu a.dropdown-item:hover {
    background-color: transparent;
    color: #e2206a;
}

.dropdown-menu ul {
    display: block;
    border-right: 1px solid #ddd;
}

.dropdown-menu ul li {
    margin-left: 0;
}

.dropdown-menu ul li a {
    padding: 5px 0;
}

.call-wrap:last-child,
.dropdown-menu .menu-col {
    padding-right: 0;
}

.menu-section ul li a{
    position: relative;
}

 .menu-section ul li a::before{
    content: "";
    width: 0%;
    height: 2px;
    background: #fb0469;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.3s ease-in-out;
 }

 .menu-section ul li.nav-item:hover a.nav-link::before, .menu-section ul li.nav-item:focus a.nav-link::before, 
 .menu-section ul li.nav-item.active a.nav-link::before, .page-template-e-commerce-web-development header .ser-active::before,
 .page-template-solutions-template header .sol-active::before, .page-template-services-template header .ser-active::before, .page-template-industries-template header .indus-active::before, 
.page-template-portfolio header .port-active::before, .page-template-on-demand-developers header .dem-active::before, .page-template-about-us header .comp-active::before,
.page-template-people-culture header .comp-active::before, .page-template-career header .comp-active::before, .page-id-157 header .iot-active::before {
    width: 100%;
}

.menu-section ul li.nav-item:hover a.nav-link, .menu-section ul li.nav-item:focus a.nav-link, .menu-section ul li.nav-item.active a.nav-link,
.page-template-solutions-template header .sol-active, .page-template-services-template header .ser-active, .page-template-industries-template header .indus-active, 
.page-template-portfolio header .port-active, .page-template-on-demand-developers header .dem-active, .page-template-about-us header .comp-active,
.page-template-people-culture header .comp-active, .page-template-career header .comp-active, .page-template-e-commerce-web-development header .ser-active,
.page-id-157 header .iot-active {
    color: #fb0469;
}

 .page-id-157 header .sol-active {
    color: #161616 !important;
 }
 .page-id-157 header .sol-active::before {
    width:0 !important;
 }

 .menu-section ul li.nav-item:last-child a{
    border: 1px solid #fb0469;
    border-radius: 3px;
 }

.menu-section ul li.nav-item:last-child a::before, .dm-hide {
    display: none;
}

.menu-section ul li.nav-item:last-child:hover a{
    background: #fb0469;
    color: #fff !important;
}

.inner_banner {
    height: 300px;
    background: #000;
}

.inner_banner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 0.7;
}

.inner_bannertext {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.bd_so a img,
.bd_txtimg {
    top: 0;
    position: absolute;
}

.bannertext {
    text-align: center;
    max-width: 60%;
    margin: auto;
}

.heading p,
.portfolio-box,
.portfolio-pic img {
    max-width: 100%;
}

.bannertext h2,
.bannertext h3,
.bdbannerform-main .text-center,
.heading {
    margin-bottom: 20px;
}

.bannertext h2 {
    color: #fff;
    font-size: 44px;
    line-height: 50px;
}

.bannertext h3 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
}

.bd_btn {

    font-size: 18px;
    line-height: 24px;
    border: 2px solid #001352;
    border-radius: 50px;
    padding: 15px 25px;
    display: inline-block;
    font-weight: 500;
    background: #001352;
}

.bd_btn:hover {
    background: #ff3a8b;
}

.bd_btn.btn_color {
    color: #000 !important;
}

.bd_btn,
.bd_btn.btn_color:hover,
.bg-form .bd_check label {
    color: #fff !important;
}

.bd_btn1,
.secboxtxt a.bd_btn {
    font-size: 16px;
    line-height: 22px;
    padding: 10px 30px;
}
.more-review-sec,

.pt {
    padding-top: 50px;
}

.pb {
    padding-bottom: 50px;
}

.bd_breadcrumbsec {
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;
}

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

#author_bio_wrap,
.address-onli-desk,
.bd_so a,
.bd_so a span,
.jobs-item.with-thumb .thumb,
.jobs-single-item .thumb {
    display: block;
}

.bd_breadcrumb li {
    margin-right: 10px;
}

.bd_breadcrumb li:last-child {
    margin-right: 0;
}

.bd_breadcrumb li,
.bd_breadcrumb li a,
.bd_breadcrumb li span {
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

.bd_breadcrumb li span {
    color: #d51b62;
}

.heading h2,
.why-oracle h2 {
    font-size: 28px;
    line-height: 34px;
    color: #0e1f33;
    margin-bottom: 10px;
}

.heading p {
    margin: auto;
}

.bd_so {
    margin-bottom: 50px;
}

.bd_so:last-child,
.bd_textbox1 p,
.bd_txtbox p,
.bdbannerform-main .form-group:last-child,
.functionality-wrap ul li h3 p,
.jobs-item.compact .meta,
figure {
    margin-bottom: 0;
}

.bd_so a img {
    right: 0;
    width: 40px;
}

.bd_so a span {
    color: #656363;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-align: right;
    padding: 0 50px 5px;
}

.bd_so a span:after {
    position: absolute;
    content: " ";
    bottom: 0;
    right: 50px;
    width: 100px;
    height: 2px;
    background: #ccc;
}
.bd_sorgt .bd_so a span:after {
    right: inherit;
    left: 50px;
}
.bd_sorgt .bd_so a img {
    right: inherit;
    left: 0;
}

.bd_sorgt .bd_so a span {
    text-align: left;
}

.bd_txtimg {
    left: 0;
    width: 60px;
    height: 60px;
    text-align: center;
}

.bd_tabsec .nav-tabs .nav-item .nav-link img,
.bd_txtimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bd_fleximg img,
.imgH,
.secbox img {
    object-fit: cover;
}

.bd_txtbox {
    padding-left: 80px;
}

.bd_txtrgt .bd_txtimg {
    left: inherit;
    right: 0;
}

.bd_txtrgt .bd_txtbox {
    padding: 0 80px 0 0;
    text-align: right;
}

.bannertext h1,
.bd_textbox1,
.cat-name span,
.jobs-item .date,
.review-sec .title-sec,
.secboxtxt,
.technology-icons .icon-box,
.testymonial-main .te-box,
.timer_secbox,
.title-section h1 {
    text-align: center;
}

.bg {
    background: #f5f5f5;
}

.bg1 {
    background: #f4c5d6;
}

.secbox {
    box-shadow: 0 0 5px #ccc;
}

.secbox img {
    height: 200px;
    width: 100%;
}

.secboxtxt {
    background: #fff;
    padding: 20px;
}

.secboxtxt h2 {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    margin-bottom: 15px;
}

.timer_secbox {
    padding: 30px;
    background: #9f2689;
    color: #fff;
}

.timer_secbox i {
    font-size: 60px;
    line-height: 66px;
}

.timer_secbox h2 {
    font-size: 45px;
    line-height: 50px;
    margin: 5px 0;
}

.timer_secbox p {
    margin-bottom: 0;
    color: #fff;
}

.timerbg1 {
    background: #651456;
}

.timerbg2 {
    background: #bd30a4;
}

.timerbg3 {
    background: #a50788;
}

.bd_textbox1 h2 {
    color: #000;
    margin: 10px 0;
}

.approach-tab .nav-tabs .nav-item:hover {
    color: #fff;
    background-color: #000;
}

.approach-tab.method-tab .nav-tabs .nav-item:hover {
    background-color: transparent;
    border: 0 !important;
    color: #000;
    border-bottom: 2px solid #000;
    padding: 0 0 5px;
}

.experience-box:hover {
    box-shadow: 8px 8px 0 0 rgb(207 9 167/20%);
    -webkit-box-shadow: 8px 8px 0 0 rgb(207 9 167/20%);
    -o-box-shadow: 8px 8px 0 0 rgb(207 9 167/20%);
    -ms-box-shadow: 8px 8px 0 0 rgb(207 9 167/20%);
    -moz-box-shadow: 8px 8px 0 0 rgb(207 9 167/20%);

}

.f-address .owl-nav button.owl-prev {
    position: absolute;
    top: 30%;
    left: -60px;
    margin: 0;
}

.f-address .owl-nav button.owl-prev span {
    font-size: 0;
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    display: inline-block;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.f-address .owl-nav button.owl-next.disabled,
.f-address .owl-nav button.owl-prev.disabled {
    display: none;
}

video::-webkit-media-controls {
    display: none;
}

.bd_contact input,
.bd_contact textarea {
    width: 100%;
    height: 40px;
    background: 0 0;
    border-bottom: 1px solid #dd166a;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    resize: none;
}

.bd_contact textarea {
    height: 100px;
}

.bd_contact .bd_conbtm {
    border: 1px solid #dd166a;
    padding: 0 30px;
    height: 45px;
    border-radius: 50px;
    background: 0 0;
}

.bd_contact .captha_div,
.career-section2 .jobs-item.with-thumb.active .description,
.form-area .call-img,
.radio_div,
.single-summery-sec .single-port-img img {
    width: 100%;
}

.bd_contact input.captha {
    border-radius: 0;
}

.bd_contact input.captha:focus {
    background-color: transparent;
    outline: 0;
    box-shadow: none;
    border-bottom: 1px solid #dd166a;
}

.apply-modal button[type="submit"]:hover,
.bd_contact .bd_conbtm:hover {
    background: #dd166a;
    color: #fff;
}

.bd_contact label {
    position: absolute;
    top: 0.25rem;
    left: 0;
    right: 0;
    pointer-events: none;
    padding-left: 0.125rem;
    z-index: 1;
    color: #b3b3b3;
    font-size: 1rem;
    font-weight: 400;
    -webkit-transition: 0.28s;
    transition: 0.28s;
}

.bd_contact input:focus ~ label,
.bd_contact textarea:focus ~ label {
    font-size: 0.8rem;
    color: gray;
    top: -1rem;
}

.bd_contact input:valid ~ label,
.bd_contact textarea:valid ~ label {
    font-size: 0.8rem;
    color: gray;
    top: -1rem;
}
.connumber li {
    margin: 5px 0;
}
.connumber li a {
    color: #000;
}
.connumber li a i,
.connumber li a img {
    color: #254aff;
    margin-right: 10px;
    font-size: 16px;
}
.portfolio-box {
    margin-bottom: 30px;
    width: 100%;
}
.portfolio-pic .portfolio-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    color: #fff;
    font-size: 18px;
    background-image: linear-gradient(to top, #000, transparent);
}

.portfolio-pic .portfolio-title a {
    display: inline-block;
    color: #fff;
    position: relative;
}

.portfolio-pic .portfolio-title a:hover {
    color: #ffc208;
}

.portfolio-pic .portfolio-title a:after {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: -5px;
    left: 0;
}

.portfolio-pic .portfolio-title span {
    display: inline-block;
    line-height: 20px;
    position: relative;
    top: -2px;
    left: 15px;
}

.cat-name {
    margin-top: 15px;
    font-size: 14px;
    color: #3b3c41;
    display: flex;
    align-items: center;
}

.cat-name span {
    display: inline-block;
    flex-shrink: 0;
    height: 25px;
    width: 25px;
    background-color: #bbb6b6;
    color: #fff;
    margin-right: 10px;
    border-radius: 5px;
    line-height: 24px;
}

.port-cont-sec h2 {
    font-size: 16px;
    color: #000;
    line-height: 22px;
    margin-bottom: 5px;
    font-weight: 600;
}

.port-cont-sec p {
    font-size: 14px;
    color: #666;
}

.port-technology-sec {
    padding: 75px 0;
    background-color: #fff;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.functionality-sec h2,
.technology-title h2 {
    font-size: 35px;
    color: #000;
    padding-bottom: 0;
    font-weight: 700;
}
.technology-title p {
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
}

.technology-icons .icon-box .icon_img {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.technology-icons .icon-box h4 {
    font-size: 12px;
    color: #999;
}

.technology-icons .icon-box h3 {
    font-size: 18px;
    color: #666;
}

.technology-icons .owl-carousel .owl-item img {
    width: auto;
    display: inline-block;
    max-height: 45px;
}

.functionality-sec {
    background-color: #f3f3f3;
    padding: 75px 0;
}

.functionality-sec h2 {
    padding-bottom: 15px;
}

.functionality-wrap ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: 15px;
}

.functionality-wrap ul li {
    padding-right: 50px;
    margin-top: 50px;
    padding-left: 45px;
    background-image: url(../images/portfolio/custom-tick.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 30px 30px;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    list-style: none;
    position: relative;
}

.functionality-wrap ul li:before {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #ccc;
    position: absolute;
    right: 25px;
}

.functionality-wrap ul li:nth-child(12):before,
.functionality-wrap ul li:nth-child(15):before,
.functionality-wrap ul li:nth-child(18):before,
.functionality-wrap ul li:nth-child(21):before,
.functionality-wrap ul li:nth-child(3):before,
.functionality-wrap ul li:nth-child(6):before,
.functionality-wrap ul li:nth-child(9):before {
    content: none;
}

.functionality-wrap ul li h4 {
    font-size: 16px;
    color: #000;
    padding-bottom: 25px;
    font-weight: 600;
}

.cont-scroll {
    max-height: 220px;
    overflow: auto;
    padding-right: 5px;
}

.functionality-wrap ul li h3 {
    font-size: 14px;
    line-height: 25px;
    color: #666;
    padding-bottom: 25px;
    position: relative;
}

.review-sec,
.work-sec {
    background-color: #dedede;
    padding: 75px 0;
}

.review-sec .title-sec h2,
.work-sec h2 {
    font-size: 35px;
    color: #000;
    padding-bottom: 15px;
}

.work-sec .portfolio-box {
    padding: 0 30px 0 0;
}

.work-sec .portfolio-box .cat-name img {
    width: auto;
    display: inline-block;
}

.review-sec {
    background-color: #fcfcfc;
}

.review-sec .title-sec {
    margin-bottom: 50px;
}

.review-sec .title-sec .title-img {
    padding-bottom: 20px;
}

.review-sec .title-sec h3 {
    font-size: 16px;
    column-count: #000;
    padding-bottom: 15px;
}

.review-box {
    padding: 15px;
    margin-bottom: 50px;
    margin-top: 50px;
}

.review-box .review-box-inn {
    background-color: #fff;
    border-radius: 10px;
    padding: 75px 30px 30px;
    position: relative;
    -webkit-box-shadow: 0 0 10px 0#ddd;
    -moz-box-shadow: 0 0 10px 0#ddd;
    box-shadow: 0 0 10px 0#ddd;
}

.review-pic {
    position: absolute;
    top: -50px;
    left: 30px;
}

.owl-carousel .owl-item .review-pic img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    display: inline-block;
}

.review-info .review-title {
    font-size: 18px;
    color: #000;
    padding-bottom: 5px;
}

.review-info .review-designation {
    min-height: 50px;
    font-size: 14px;
    color: #666;
    padding-bottom: 15px;
}

.review-info .review-des {
    padding: 20px 0 0;
    line-height: 25px;
    color: #000;
    min-height: 140px;
    font-size: 15px;
}

.m-review-wrap ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-review-wrap ul li {
    padding: 30px;
}

.experience-sec.cell {
    display: none;
    position: relative;
}

.experience-sec.cell .owl-nav button.owl-next span,
.experience-sec.cell .owl-nav button.owl-prev span {
    font-size: 0;
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    background-size: 100%;
    display: inline-block;
    border-radius: 50px;
}

.experience-sec.cell .owl-nav button.owl-next {
    position: absolute;
    top: 40%;
    right: -10px;
    margin: 0;
}

.experience-sec.cell .owl-nav button.owl-prev {
    position: absolute;
    top: 40%;
    left: -10px;
    margin: 0;
}

.experience-sec.cell .owl-nav button.owl-prev span {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.experience-sec.cell .experience-box {
    height: 250px;
}

.experience-sec.cell .owl-nav button:focus,
.experience-sec.cell .owl-nav button:hover {
    background-color: transparent;
    box-shadow: none;
    outline: 0;
    border: 0;
}

#author_bio_wrap_toggle.bd_btn {
    display: none;
    color: #ff3a8b !important;
    margin-top: 15px;
}

#author_bio_wrap_toggle.bd_btn:hover {
    display: inline-block;
    color: #fff !important;
    margin-top: 15px;
}

.address-onli-desk .call-wrap,
.f-address .item {
    flex: 0 0 20%;
    max-width: 20%;
}

.list-special {
    list-style: disc inside;
}

.list-special li {
    padding-right: 0 !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    background-image: none !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.accor-cell,
.bd_linergt:last-child .bd_newbox:before,
.career-section2 .jobs-item.active .read-more,
.career-section2 .jobs-item.with-thumb.active .apply_right .apply_btn,
.functionality-wrap ul li:last-child:before,
.jobs-item.compact .description,
.list-special li:before,
.responsive {
    display: none;
}

.functionality-wrap ul ul li,
.jobs-item {
    position: relative;
    margin-bottom: 10px;
}

.functionality-wrap ul ul li:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: -14px;
    top: 6px;
    background-color: #868686;
    display: block !important;
}

.jobs-item {
    background-color: #fff;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    border: 1px solid #ff3a8b;
    padding: 20px;
}

.jobs-item .thumb {
    display: none;
    padding: 3px;
    float: left;
    border: 1px solid #e7e7e7;
    margin-right: 20px;
}

.jobs-item .thumb img {
    width: 80px;
    height: auto;
}

.jobs-item .date {
    display: inline-block;
    background: #2aadde;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    float: left;
    margin-right: 10px;
}

.jobs-item .date > span {
    display: block;
    background: #fff;
    color: #303c42;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 3px;
}

.jobs-item .title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: #000;
    text-transform: none;
}

.jobs-item .title a {
    color: #000;
}

.jobs-item .meta {
    color: #000;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 3px;
}

.jobs-item .top-btns {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
}

.jobs-item .top-btns li {
    float: left;
    margin-left: 5px;
}

.ba-text p,
.jobs-item .top-btns li .btn {
    color: #fff;
}

.jobs-item .social-icons {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.career-section2 .jobs-view-toggle li,
.jobs-item .social-icons > li {
    float: left;
    margin-right: 5px;
}

.jobs-item .social-icons.pull-right > li {
    float: left;
    margin-right: 0;
    margin-left: 5px;
}

.jobs-item .social-icons > li > span {
    display: inline-block;
    line-height: 30px;
    margin-right: 5px;
}

.jobs-item .description {
    width: 95%;
    float: left;
    padding-right: 9px;
    margin-bottom: 0;
    color: #000;
    line-height: normal;
    font-size: 13px;
    letter-spacing: 0.2px;
}

.jobs-item .description a,
.jobs-item h5 a,
.jobs-item p a {
    color: #ff3a8b;
    font-weight: 600;
}

.jobs-item .content {
    /* display: none; */
    padding-top: 20px;
    color: #000;
}

.career-section2 .jobs-item .additional-requirements {
    list-style: none;
    margin: 0;
    padding: 0;
}
.career-section2 .jobs-item .additional-requirements > li {
    display: block;
    border-bottom: 2px solid #cecece;
    background: 0 0;
    color: inherit;
    margin: 0 5px 5px 0;
    padding: 6px 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 20px;
    float: left;
}
.career-section2 .jobs-view-toggle {
    list-style: none;
    margin: 0 15px 0 0;
    padding: 0;
}
.career-section2 .jobs-view-toggle .btn {
    text-align: center;
}

.btn-default-outline:focus,
.btn-default-outline:hover,
.career-section2 .btn-default-outline {
    border: 2px solid #fff;
    color: #fff;
}

.career-section2 .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "";
    padding-right: 5px;
}

.career-section2 .panel-title > a.collapsed:before {
    float: right !important;
    content: "";
}

.career-section2 .apply_right .apply_btn {
    float: right;
    background: #ff3a8b;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    padding:8px 20px;
    letter-spacing: 1px;
}

.jobs-item h5, .read-toggle-cont h5 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    color:#ff3a8b;
}

.jobs-item ul, .read-toggle-cont ul {
    list-style-type: disc;
    margin-left: 10px;
    margin-bottom: 20px;
}

.jobs-item ul li, .read-toggle-cont ul li {
    margin:5px 0;
    color:#000;
}

.apply-now a.apply_now {
    color: #ff3a8b !important;
    font-size:18px;
    line-height: 20px;
    border: 2px solid #ff3a8b;
    border-radius: 50px;
    padding: 10px 20px;
    display: inline-block;
}

.read-toggle-cont h5 a, .read-toggle-cont p a  {
    color:#ff3a8b;
}

.apply-now a.apply_now:hover {
    background: #ff3a8b;
    color: #fff !important;
}

.middle-logo-img img {
    height: 50px;
    width: auto !important;
}

.accor-cell .accordion-toggle {
    border: 2px solid #000;
    border-radius: 50px;
}

.apply-modal .modal-header {
    position: relative;
    background-color: #ff3a8b;
}

.apply-modal .modal-header h4 {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.apply-modal .modal-header .close {
    position: absolute;
    top: 15px;
    right: 20px;
    padding: 0;
    opacity: 1;
    color: #fff;
    font-weight: 400;
    font-size: 30px;
}

.apply-modal .modal-dialog {
    max-width: 600px;
}

.apply-modal .form-control, .modal-form-wrap .form-control {
    height: 50px;
    background-color: transparent;
    border-bottom: 1px solid #ccc;
    font-size: 0.8rem;
    padding: 12px 12px;
}

.apply-modal textarea.form-control, .modal-form-wrap textarea.form-control {
    height: 100px;
}

.apply-modal .form-control:focus, .modal-form-wrap .form-control:focus {
    outline: 0;
    box-shadow: none;
    border-color:#ccc;
}

.apply-modal .btn, .modal-form-wrap .btn {
    font-size: 15px;
    height: 50px;
    line-height: 50px;
}

.apply-modal .form-group {
    margin-bottom: 25px;
}

.apply-modal button[type="submit"], .modal-form-wrap button[type="submit"] {
    border: 1px solid #dd166a;
    color: #dd166a;
    padding: 0 30px;
    height: 45px;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
    background: 0 0;
}

#applyForm #responce_msg, .modal-form-wrap #responce_msg,
.bdbannerform-main .form-group label span, .modal-form-wrap .form-group label span {
    color: red;
}

#applyFormnew .row {
    margin-left:-5px;
    margin-right:-5px;
}
#applyFormnew [class*="col-"] {
    padding-left:5px;
    padding-right:5px;
}
.modal-form-wrap {
    border-top:1px solid #cccccc80;
    padding-top:15px;
}
.modal-form-wrap h3 {
    font-size:22px;
    font-weight:600;
    margin-bottom:20px;
    color:#000;
}
.modal-form-wrap h3 span {
    color: #dd166a;
}

.f-address,
ul.bd_ul {
    flex-wrap: wrap;
}

.f-address .item.topaddress {
    flex: 0 0 100%;
    max-width: 100%;
}

.f-address .item.topaddress .address-box {
    min-height: auto;
}

.f-sales {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    padding-left: 4%;
}

.f-address .item .address-box {
    border-right: 0;
    padding: 15px 8px 15px 0;
}

.bd_txtwrap-right .bd_txtbox {

    padding-left: 0;

}

.bd_min120 {

    min-height: 120px;

}

.bd_min140 {

    min-height: 140px;

}

.bd_min365 {

    min-height: 365px;

}

.team-sec .payment-box h3 {

    padding: 0 10px;

    line-height: 60px;

}

ul.bd_ul {

    display: flex;

}

ul.bd_ul li {

    flex: 0 0 50%;

    max-width: 50%;

}

.address-box h2 span,

.address-box h4,

.f-contact h3,

.f-contact h4 {

    text-transform: capitalize;

}

.title-section h1 {

    color: #000;

    font-weight: 700;

    font-size: 40px;

    line-height: 46px;

    padding-bottom: 20px;

}

.bd_newbtn {

    line-height: 50px;

    text-transform: uppercase;

}

.bannertext h1 {

    color: #fff;

    font-size: 40px;

}

.oracleBg {

    height: 700px;

}

.oracleBg img {

    opacity: 0.6;

}

.oracleBg .bannertext {

    text-align: left;

    max-width: 100%;

}

.oracleBg .bannertext h1 {

    text-align: left;

    font-size: 39px;

}

.oracleBg .bannertext p {

    text-align: left;

    color: #fff;

}

.oracleBg .bannerform {

    background: rgba(255, 255, 255, 0.8);

    padding: 29px;

    border-radius: 12px;

}

.oracleBg .bannerform h3 {

    font-size: 29px;

    color: #d51b62;

    font-weight: 600;

    margin: 0 0 16px;

}

.why-oracle {

    padding: 56px 0;

}

.erp-list {

    padding: 0;

    margin: 0;

    text-align: center;

}

.erp-li li,

.erp-list li {

    font-size: 14px;

    letter-spacing: 0.6px;

    font-weight: 400;

}

.erp-list li {

    display: inline-block;

    padding: 11px 26px;

    list-style-type: none;

    background-color: #8b8580;

    color: #fff;

    margin: 6px;

    border-radius: 26px;

}

.erp-li {

    margin-top: 26px;

    margin-left: 15px;

}

.erp-li li {

    list-style-type: disc;

    margin-bottom: 6px;

    color: #000;

}

.cpadL {

    position: relative;

    padding-left: 50px;

}

.cpadL::after,

.cpadL::before,

.cpadR::after,

.cpadR::before,

.pattBg .cpadL::before,

.pattBg .cpadR::after {

    content: "";

    position: absolute;

    background: url(../images/netsuit/patten-1.png) center/contain no-repeat;

    width: 100px;

    height: 100px;

}

.bd_boxicon:after,

.bd_boxicon:before,

.bd_newbox:before {

    content: " ";

    position: absolute;

}

.cpadL::after {

    top: -34px;

    right: -21px;

}

.cpadL::before {

    left: 16px;

    bottom: -24px;

}

.cpadR::after {

    top: -34px;

    left: -20px;

}

.cpadR::before,

.pattBg .cpadR::after {

    right: 15px;

    bottom: -36px;

}

.imgH {

    height: 430px;

}

.cpadL img,

.cpadR img {

    position: relative;

    z-index: 3;

}

.cpadR {

    position: relative;

    padding-right: 50px;

}

.ptb {

    padding: 70px 0;

}

.pattBg .cpadL::before {

    bottom: -37px;

    left: 2px;

}

.capthadiv {

    width: 50px !important;

    margin-bottom: 22px;

}

.bd_whatsappboxx {

    display: flex;

    flex-wrap: wrap;

    width: 200px;

    background: #000;

    margin-left: 51px;

    padding: 10px;

}

.block-list .inner-list .b-content,

.pl,

.plr {

    padding-left: 50px;

}

.bd_whatsappboxx a,

.bd_whatsappboxx a:link {

    flex: 0 0 100%;

    max-width: 100%;

    color: #fff;

    font-size: 14px;

    line-height: 20px;

    margin: 5px 0;

}

.bd_whatsappbox {

    position: fixed;

    top: 54.7%;

    left: -100%;

    display: flex;

    transition: 0.5s;

}

.btn-gradient,

.btn-orange,

.control-feature,

.hrm-service-box,

.key,

.sign-service-box {

    transition: 0.3s ease-in-out;

}

.bd_whatsappbox.open {

    left: 0;

}

.bd_whatsappboxx a img {

    margin-right: 5px;

}

.testymonial-main .te-box h3 {

    text-align: center;

    font-size: 19px;

    margin-bottom: 16px;

    font-weight: 700;

    color: #000;

    margin-top: 9px;

    display: block;

}

.testymonial-main .te-box img {

    text-align: center;

    height: 80px;

    object-fit: contain;

    width: auto;

    display: inline-block;

    margin: 0 auto 16px;

}

.te-height {

    min-height: 160px !important;

}

.plr {

    padding-right: 50px;

}

.bd_bannertxt {

    max-width: 70%;

    margin: auto auto 50px;

}

.bd_bannertxt h1 {

    letter-spacing: 3px;

    color: #6a81f1;

    text-transform: uppercase;

    font-size: 18px;

    line-height: 24px;

    font-weight: 700;

    margin-bottom: 30px;

}

.bd_bannertxt h2 {

    color: #0e1f33;

    font-size: 50px;

    line-height: 56px;

    text-transform: inherit;

    font-weight: 700;

}

.bd_bannerimg {

    height: 460px;

}

.bd_bannerimg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 12px;

}

.bd_heading h2 {

    color: #0e1f33;

    font-size: 30px;

    line-height: 38px;

    font-weight: 700;

    text-transform: capitalize;

}

.bd_heading p {

    margin: 0;

    color: #b8b8b8;

    font-size: 18px;

    line-height: 24px;

    font-weight: 300;

}

.bd_boxicon {

    width: 88px;

    height: 88px;

    background: no-repeat padding-box #fff;

    box-shadow: 0 5px 20px #0e1f330c;

    border-radius: 12px;

    margin-bottom: 20px;

    padding: 22px;

    position: relative;

}

.bd_boxicon:before {

    top: -12px;

    bottom: 0;

    left: 0;

    right: -16px;

    background: url(../images/icon/recsh.png) 0 0/100%;

    z-index: -1;

}

.bd_boxicon:after {

    height: 100%;

    bottom: -5px;

    left: -16px;

    right: 0;

    background: url(../images/icon/recsh.png) 0 0 / cover;

    z-index: -1;

}

.bd_newbox h2 {

    color: #0e1f33;

    font-size: 22px;

    line-height: 26px;

    font-weight: 700;

    text-transform: capitalize;

    min-height: 55px;

    margin-bottom: 15px;

}

.bd_newbox p {

    margin-bottom: 0;

    color: #b8b8b8;

}

.bd_newbox {

    position: relative;

    height: 100%;

    padding-bottom: 20px;

}

.bd_newbox:before {

    top: 0;

    bottom: 0;

    right: -5px;

    width: 2px;

    background-image: linear-gradient(to top, rgba(255, 0, 0, 0), #d9d9d9, rgba(255, 0, 0, 0));

}

.bd_newbtn {

    background: #6a81f1;

    box-shadow: 0 20px 20px #6a81f11a;

    border-radius: 10px;

    height: 50px;

    display: inline-block;

    padding: 0 20px;

    color: #fff !important;

    font-size: 16px;

    font-weight: 500;

}

.bd_newbtn:hover {

    background: #263cab;

}

.bd_flexcontent {

    background: #f62e7c;

    flex: 0 0 60%;

    max-width: 60%;

    padding: 50px;

}

.bd_fleximg {

    flex: 0 0 40%;

    max-width: 40%;

}

.bd_flexcontent .bd_heading h2 {

    color: #fff;

    margin-bottom: 15px;

}

.bd_flexcontent .bd_heading p {

    color: #fff;

    font-size: 16px;

    line-height: 20px;

}

.bd_fleximg img {

    width: 100%;

    height: 100%;

}

.bd_tabsec {

    background: #fff;

    box-shadow: 0 5px 20px #0e1f330c;

    border-radius: 12px;

    display: flex;

    flex-wrap: wrap;

    overflow: hidden;

}

.bd_tabsec .nav-tabs {

    border: 0;

    flex: 0 0 12%;

    max-width: 12%;

}

.bd_tabsec .tab-content {

    flex: 0 0 88%;

    max-width: 88%;

}

.bd_tabsec .tab-content .tab-pane {

    padding: 40px;

}

.bd_tabsec .nav-tabs .nav-item {

    margin: 0;

    flex: 0 0 100%;

    max-width: 100%;

}

.bd_tabsec .nav-tabs .nav-item .nav-link.active {

    background-color: transparent;

}

.bd_tabsec .nav-tabs .nav-item .nav-link {

    border: 0;

    border-radius: 0;

    background-color: #f8f8f8;

    height: 100px;

    padding: 26px;

}

.bd_tabsec .nav-tabs .nav-item .nav-link.active img {

    filter: invert(41%) sepia(52%) saturate(7500%) hue-rotate(319deg) brightness(98%) contrast(97%);

}

.bd_tabsec .tab-content .tab-pane h3 {

    color: #0e1f33;

    font-size: 30px;

    line-height: 36px;

    text-transform: capitalize;

    font-weight: 600;

    margin-bottom: 10px;

}

.bd_tabsec .tab-content .tab-pane p {

    color: #b8b8b8;

    font-size: 16px;

    line-height: 26px;

}

.bd_tabsec .tab-content .tab-pane a {

    background: #f62e7c;

    color: #fff;

    height: 30px;

    line-height: 30px;

    display: inline-block;

    padding: 0 10px;

    border-radius: 5px;

    font-weight: 400;

}

.bd_accordion .card-header {

    padding: 0;

    background: 0 0 !important;

    border: 0;

    margin-bottom: 20px;

}

.bd_accordion .card {

    background: 0 0;

    border: 0;

}

.bd_accordion .card-header button.btn {

    padding: 0;

    color: #6d2757;

    font-size: 20px;

    line-height: 26px;

    font-weight: 700;

    display: block;

    width: 100%;

    text-align: left;

    position: relative;

}

.bd_accordion .card-header button.btn:focus,

.bd_accordion .card-header button.btn:hover {

    text-decoration: none;

    box-shadow: none;

}

.bd_accordion .card-header button.btn:after {

    position: absolute;

    content: "\f068";

    font: 14px/1 FontAwesome;

    top: 0;

    right: 0;

}

.bd_accordion .card-header button.btn.collapsed:after {

    content: "\f067";

}

.bd_accordion .card .card-body {

    padding: 0;

    color: #0e1f33;

}

.bd_bg1 {

    background: #fffbf6;

}

.bd_accordion .card + .card {

    margin-top: 20px;

}

#bd_popup {

    background: #00000073;

    overflow-y: scroll;

    overflow-x: hidden;

}

#bd_popup .modal-content {

    border: 0;

}

.bdbannerform-main {

    padding: 20px 25px 8px;

    border-radius: 5px;

}

.bdbannerform-main h3 {

    font-size: 20px;

    text-transform: unset;

    font-weight: 800;

    margin-bottom: 5px;

    color: #181818;

}

.btn-blue,

.qr_solution h4 {

    text-transform: capitalize;

}

.bdbannerform-main p {

    font-size: 12px;

    line-height: 15px;

    color: #000;

    margin-bottom: 10px;

}

.bdbannerform-main .form-group {

    margin-bottom: 10px;

}
/* 
.bdbannerform-main .form-group input,

.bdbannerform-main .form-group select {

    font-size: 12px;

    height: 45px;

}

.bdbannerform-main .form-group textarea {

    font-size: 12px;

    height: 80px;

}

.bdbannerform-main input[type="submit"] {

    background: #fd3b8a;

    border: 0;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

} */

.bdbannerform-main input[type="submit"]:hover,

.button-container button.previous_btn:hover,

.button-container button:hover {

    background: #333;

}

.bdbannerform-main .form-group label {

    display: block;

    margin-bottom: 5px;

}

.bdbannerform-main .text-center img {

    width: 50px;

    position: absolute;

    top: -20px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

}

.qr-platform .row .side-border::after,

.qr-platform .row .side-border::before {

    top: 45%;

    transform: translateY(-50%);

    height: 65%;

    width: 1px;

    background-color: #ffffff40;

    position: absolute;

    content: "";

}

.landing-banner {

    background: linear-gradient(179deg, #ffbc8f, #d04124);

    padding-top: 80px;

}

.landing-banner h1 {

    font-size: 45px;

    font-weight: 700;

    padding-top: 35px;

}

.landing-banner .logo img {

    width: 20%;

}

.landing-banner p {

    font-size: 14px;

    line-height: 24px;

    width: 62%;

    font-weight: 300;

    padding: 30px 0;

}

.key {

    background: #0b2f4e;

    padding: 10px 15px;

    color: #fff;

    font-size: 13px;

    font-weight: 400;

    margin-bottom: 50px;

}

.key:hover {

    color: #0b2f4e;

    background-color: #fff;

    transform: scale(1.1);

}

.landing-banner .banner-img img {

    width: 80%;

}

.qr-platform {

    background-color: #0b2f4e;

    padding: 80px 0;

}

.qr-platform .row {

    align-items: center;

}

.qr-platform h2 {

    font-size: 25px;

    font-weight: 700;

    margin-bottom: 100px;

}

.qr-platform img {

    width: 14%;

}

.qr-platform h4 {

    font-size: 18px;

    font-weight: 600;

    padding: 28px 0;

}

.qr-platform p {

    font-size: 12px;

    font-weight: 300;

    padding: 0 40px;

}

.qr-platform .key {

    background: linear-gradient(90deg, #ef852c, #ff3f46);

    margin-top: 10px;

    margin-bottom: 0;

    font-weight: 400;

}

.qr-platform .key:hover,

.qr_solution .key:hover {

    background: linear-gradient(270deg, #ef852c, #ff3f46);

    color: #fff;

}

.qr-platform .col-lg-4 {

    padding-bottom: 25px;

}

.qr-platform .row .side-border::before {

    left: 0;

}

.qr-platform .row .side-border::after {

    right: 0;

}

.qr-platform hr {

    background-color: #ffffff40;

    width: 60%;

}

.qr_solution {

    padding: 80px 0 !important;

}

.qr_solution .row {

    justify-content: space-around;

}

.qr_solution h3 {

    font-size: 32px;

    font-weight: 700;

    color: #0b2f4e;

}

.qr_solution p {

    font-size: 14px;

    padding: 25px 0 40px;

}

.qr_solution h4 {

    font-size: 14px;

    font-weight: 600;

    color: #000;

    margin-top: 25px;

}

.online h2,

.tracking h2 {

    font-size: 32px;

    font-weight: 700;

    margin-bottom: 50px;

}

.hrm-b-text h2,

.section-heading h3 {

    text-transform: none;

    font-weight: 500;

}

.qr_solution img {

    box-shadow: 0 0 12px 0 #d9dbe4;

    border-radius: 20px;

}

.qr_solution .qr-platform {

    background-color: #fff;

    padding: 80px 0 0;

}

.tracking {

    background-color: #cae5fb;

    padding: 80px 0;

}

.tracking h2 {

    color: #0b2f4e;

}

.online {

    background-color: #0b2f4e;

    padding: 70px 0;

}

.online .qr-platform {

    padding: 35px 0 0;

}

.online h2 {

    width: 75%;

}

.online .qr-platform .key {

    margin: 0 8px;

}

.online .qr-platform span .key {

    background: #fff;

    color: #0b2f4e;

}

.online .qr-platform span .key:hover {

    color: #ff3f46;

}

@media screen and (min-width: 768px) and (max-width: 1199px) {

    .container {

        max-width: 96%;

    }

    .qr-platform {

        padding: 40px 0;

    }

}

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

    .landing-banner .logo img {

        width: 50%;

    }

    .landing-banner {

        padding-top: 50px;

    }

    .landing-banner h1 {

        font-size: 28px;

        padding-top: 25px;

    }

    .landing-banner p {

        font-size: 12px;

        line-height: 20px;

        width: 94%;

        padding: 15px 0;

    }

    .key {

        font-size: 12px;

        margin-bottom: 25px;

    }

    .banner-img img {

        width: 96%;

    }

    .qr-platform {

        padding: 30px 0 15px;

    }

    .qr-platform h2 {

        margin-bottom: 30px;

        font-size: 18px;

    }

    .qr-platform h4 {

        padding: 10px 0;

    }

    .large {

        display: none;

    }

    .responsive {

        display: block;

    }

    .qr_solution {

        padding: 30px 0 !important;

    }

    .qr_solution p {

        font-size: 12px;

        line-height: 20px;

        padding: 15px 0 12px;

    }

    .qr_solution h3 {

        font-size: 18px;

    }

    .qr_solution h4 {

        margin-top: 10px;

    }

    .qr-platform p,

    .qr_solution .qr-platform {

        padding: 0;

    }

    .tracking {

        padding: 40px 0;

    }

    .tracking h2 {

        font-size: 19px;

        margin-bottom: 20px;

    }

    .online {

        padding: 30px 0;

    }

    .online h2 {

        font-size: 18px;

        width: 98%;

    }

    .qr_solution .owl-carousel .owl-item img {

        width: 60%;

        margin: 0 auto;

    }

}

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

    .landing-banner .logo img {

        width: 40%;

    }

    .banner-img img {

        width: 85%;

    }

    .qr_solution .qr-platform {

        padding: 20px 0 0;

    }

    .online h2 {

        width: 80%;

    }

    .large,

    .owl-carousel .owl-nav button.owl-prev,

    .owl-carousel button.owl-dot,

    .qr_solution .owl-carousel .owl-nav button.owl-next,

    .qr_solution .owl-large,

    .qr_solution .owl-theme .owl-dots .owl-dot span {

        display: none;

    }

    .qr_solution .owl-responsive,

    .responsive {

        display: block;

    }

    .qr_solution .owl-carousel .owl-item img {

        width: 90%;

        margin: 0 auto;

    }

}

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

    .landing-banner .logo img {

        width: 30%;

    }

    .landing-banner h1 {

        font-size: 40px;

    }

    .landing-banner p {

        width: 92%;

        padding: 20px 0;

    }

    .qr-platform h4 {

        font-size: 16px;

        padding: 25px 0;

    }

    .qr-platform p {

        font-size: 12px;

        padding: 0 5px;

    }

    .qr-platform img {

        width: 18%;

    }

    .qr_solution p {

        font-size: 14px;

        padding: 25px 0 20px;

    }

    .qr_solution .qr-platform {

        background-color: #fff;

        padding: 20px 0 0;

    }

    .online h2 {

        width: 82%;

    }

    .owl-carousel .owl-nav button.owl-prev,

    .owl-carousel button.owl-dot,

    .qr_solution .owl-carousel .owl-nav button.owl-next,

    .qr_solution .owl-theme .owl-dots .owl-dot span {

        display: none;

    }

    .qr_solution .owl-carousel .owl-item img {

        width: 90%;

        margin: 0 auto;

    }

    .qr_solution .owl-item {

        margin-bottom: 15px;

    }

}

:root {

    --color-black: #000;

    --color-white: #fff;

    --color-dark-blue: #0e1f33;

    --color-blue: #2a64d8;

    --color-orange: #f27f5b;

    --color-green: #21ac70;

}

.section-heading {

    max-width: 800px;

    margin: 0 auto 50px;

    text-align: center;

}

.section-heading h3 {

    font-size: 36px;

    color: var(--color-dark-blue);

    margin: 30px auto 14px;

}

/* .section-heading p {

    opacity: 60%;

} */

.btn-orange {

    background: var(--color-orange);

    border-radius: 6px;

    padding: 10px 25px;

    color: var(--color-white);

    font-size: 12px;

    font-weight: 500;

}

.btn-blue,

.sign-control .section-heading h3 span,

.sign-gcloud .section-heading h3 span {

    color: var(--color-blue);

}

.btn-orange:active,

.btn-orange:focus,

.btn-orange:hover {

    background: var(--color-dark-blue);

    color: var(--color-white);

    box-shadow: none;

}

.btn-blue {

    background: 0 0;

    padding: 0;

    font-size: 14px;

    font-weight: 600;

}

.btn-blue:active,

.btn-blue:focus,

.btn-blue:hover {

    background: 0 0;

    color: var(--color-orange);

    box-shadow: none;

}

.sec-space {

    padding: 80px 0;

}

.hrmlix-pro-landing header.site-header,

.signlix-pro-landing header.site-header {

    background: 0 0;

    position: absolute;

}

.hrmlix-pro-landing p,

.signlix-pro-landing p {

    font-size: 13px;

    line-height: 20px;

}

.hrm-landing-banner {

    background: url(../images/signhrm/banner-bg.png) center/cover no-repeat;

    width: 100%;

    height: 100%;

    padding-top: 75px;

}

.hrm-b-text {

    padding: 28px;

}

.hrm-b-text h2 {

    font-size: 42px;

    color: #0e1f33;

}

.hrm-b-text p,

.sign-b-text p {

    color: var(--color-dark-blue);

    opacity: 60% !important;

    margin: 26px 0;

}

.hrm-service {

    background: url(../images/signhrm/solution-bg.png) center no-repeat;

    width: 100%;

    height: 100%;

    padding-top: 20px;

}

.hrm-service-box {

    background: var(--color-white);

    border-radius: 12px;

    border: 1px solid #dce4f4;

    box-shadow: 0 6px 0 #0000000d;

    padding: 30px;

    height: 100%;

}

.control-feature:hover,

.hrm-service-box:hover {

    border-color: var(--color-orange);

}

.hrm-s-icon {

    height: 60px;

    width: 60px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.hrm-service-row [class*="col-"]:first-child .hrm-s-icon,

.sign-service-row [class*="col-"]:first-child .sign-s-icon {

    background: #4ac2e4;

}

.hrm-service-row [class*="col-"]:nth-child(2) .hrm-s-icon,

.sign-service-row [class*="col-"]:nth-child(3) .sign-s-icon {

    background: #e44c7d;

}

.hrm-service-row [class*="col-"]:nth-child(3) .hrm-s-icon,

.sign-service-row [class*="col-"]:nth-child(4) .sign-s-icon {

    background: #ffd012;

}

.hrm-service-row [class*="col-"]:nth-child(4) .hrm-s-icon,

.sign-service-row [class*="col-"]:nth-child(5) .sign-s-icon {

    background: #6ac069;

}

.hrm-service-row [class*="col-"]:nth-child(5) .hrm-s-icon,

.sign-service-row [class*="col-"]:nth-child(6) .sign-s-icon {

    background: #f27f5b;

}

.hrm-service-row [class*="col-"]:nth-child(6) .hrm-s-icon,

.sign-service-row [class*="col-"]:nth-child(7) .sign-s-icon {

    background: #8484d7;

}

.hrm-service-row {

    justify-content: center;

    row-gap: 32px;

}

.hrm-s-icon img {

    width: 28px;

    height: 28px;

    object-fit: contain;

}

.hrm-service-box h4 {

    color: var(--color-dark-blue);

    font-size: 20px;

    text-transform: capitalize;

    font-weight: 600;

    margin: 30px 0 14px;

}

.hrm-service-box p,

.support-box p {

    color: #6f7880;

    margin-bottom: 0;

}

.features .section-heading p {

    padding: 0 6%;

}

.section-heading h5 {

    color: var(--color-orange);

    letter-spacing: 1.4px;

    font-weight: 600;

    font-size: 14px;

    background: #fef2ee;

    padding: 8px 16px;

    border-radius: 18px;

    width: fit-content;

    margin: 0 auto 14px;

}

.feature-img img,

.hrm-contact,

.hrm-support,

.sign-landing-banner {

    width: 100%;

    height: 100%;

}

.feature-img img {

    border-radius: 12px;

    object-fit: contain;

}

.feature-text {

    padding: 16px;

}

.feature-text h4 {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 16px;

    color: var(--color-dark-blue);

    text-transform: none;

}

.feature-text p {

    opacity: 60%;

    margin-bottom: 40px;

}

.feature-row [class="col-"]:first-child {

    flex: 0 0 53%;

}

.feature-row [class="col-"]:last-child {

    flex: 0 0 47%;

}

.feature-text ul li {

    position: relative;

    padding-left: 32px;

    margin-bottom: 20px;

    color: var(--color-dark-blue);

}

.feature-text ul li::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 20px;

    width: 20px;

    background-size: contain !important;

    background: url(../images/signhrm/tick.png) center no-repeat;

}

.feature-slider .owl-dot {

    counter-increment: slides-num;

}

.feature-slider.owl-theme .owl-dot:first-child span::before {

    content: "0" counter(slides-num);

    display: inline-block;

    vertical-align: middle;

    font-size: 14px;

    position: absolute;

    left: 33%;

    bottom: 2px;

}

.feature-slider.owl-theme .owl-dot:last-child span::after {

    content: "0" counter(slides-num);

    display: inline-block;

    vertical-align: middle;

    font-size: 14px;

    position: absolute;

    right: 33%;

    bottom: 2px;

}

.feature-slider.owl-theme .owl-dots .owl-dot span {

    width: 96px;

    height: 2px;

    margin: 5px 0;

}

.feature-slider.owl-theme .owl-dots .owl-dot.active span {

    background: #292f34;

}

.hrm-support {

    background: url(../images/signhrm/support-bg.png) center no-repeat;

    padding: 120px 0;

}

.support-box {

    background: var(--color-white);

    border-radius: 12px;

    padding: 28px;

    border: 1px solid #dce4f4;

    box-shadow: 0 6px #0000000d;

    height: 100%;

}

.hrm-support .support-box h4 {

    font-size: 20px;

    line-height: 28px;

    margin: 0 80px 20px 0;

    color: var(--color-dark-blue);

    text-transform: capitalize;

}

.hrm-support .sup-row {

    row-gap: 40px;

}

.hrm-support .sup-row [class*="col-"]:nth-child(2) {

    margin-top: -45px;

    margin-bottom: 45px;

}

.control-row [class*="col-"]:first-child,

.control-row [class*="col-"]:nth-child(3),

.hrm-support .sup-row [class*="col-"]:nth-child(5) {

    margin-top: 45px;

    margin-bottom: -45px;

}

.hrm-support .section-heading {

    position: absolute;

    top: 53%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.hrm-contact .section-heading h3,

.hrm-service .section-heading h3,

.hrm-support .section-heading h3 {

    margin: 0;

}

.hrm-contact {

    background: url(../images/signhrm/contact-bg.png) center no-repeat;

}

.hrm-contact .section-heading,

.sign-contact .section-heading {

    max-width: 100%;

    margin-bottom: 34px;

}

.hrm-contact .btn-orange {

    background: var(--color-green);

}

.hrm-contact .btn-orange:active,

.hrm-contact .btn-orange:focus,

.hrm-contact .btn-orange:hover {

    background: var(--color-orange);

    box-shadow: none;

}

.btn-gradient {

    background: linear-gradient(79deg, #ff9965, #f62e7c);

    border-radius: 8px;

    padding: 12px 0;

    color: #f62e7c;

    font-size: 13px;

    line-height: 19px;

    font-weight: 600;

}

.gradient-border {

    background: var(--color-white);

    padding: 12px 20px;

    border-radius: 6px;

}

.btn-gradient:active,

.btn-gradient:focus,

.btn-gradient:hover {

    transform: scale(1.06);

    color: #f62e7c;

}

.sign-landing-banner {

    background: url(../images/signhrm/sign-banner-bg.png) center/cover no-repeat;

    padding-top: 75px;

}

.sign-b-text img {

    max-width: 160px;

    height: auto;

}

.sign-b-text h2 {

    font-size: 40px;

    font-weight: 500;

    color: #0e1f33;

    text-transform: none;

}

.control-feature h4,

.sign-service-box h4 {

    font-weight: 600;

    text-transform: capitalize;

}

.sign-b-text {

    padding: 10px;

}

.sign-b-text .btn-orange {

    background: var(--color-blue);

}

.sign-b-text .btn-orange:active,

.sign-b-text .btn-orange:focus,

.sign-b-text .btn-orange:hover,

.sign-contact .btn-orange:active,

.sign-contact .btn-orange:focus,

.sign-contact .btn-orange:hover {

    transform: scale(1.06);

}

.sign-service-box {

    background: var(--color-white);

    border-radius: 20px;

    border: 1px solid transparent;

    padding: 26px;

    height: 100%;

}

.sign-service-box:active,

.sign-service-box:hover {

    border: 1px solid #c5d0d4;

    background: #f4fafc;

}

.sign-s-icon {

    height: 38px;

    width: 38px;

    border-radius: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.sign-service-row [class*="col-"]:nth-child(2) .sign-s-icon {

    background: #2a64d8;

}

.sign-service-row [class*="col-"]:nth-child(8) .sign-s-icon {

    background: #3bb195;

}

.sign-s-icon img {

    width: 25px;

    height: 25px;

    object-fit: contain;

}

.sign-service-box h4 {

    color: var(--color-dark-blue);

    font-size: 18px;

    line-height: 30px;

    padding-right: 18px;

    margin: 20px 0;

}

.sign-service-row {

    row-gap: 32px;

}

.sign-service .section-heading {

    max-width: 45%;

}

.sign-service hr {

    border-color: #c5d0d4;

    margin: 30px 0;

}

.sign-gcloud {

    background: #ffeff0;

    width: 100%;

    height: 100%;

    position: relative;

}

.sign-gcloud::before {

    background: url(../images/signhrm/cloud-path.png) center/auto 100% no-repeat;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 120%;

}

.add_banner::after,

.ba-text::after,

.ba-text::before,

.d-bottom .d-btn::after {

    content: "";

    position: absolute;

}

.cloud-img img {

    width: 64%;

    height: auto;

}

.sign-control {

    padding-bottom: 95px !important;

}

.sign-control .section-heading {

    padding: 0 80px;

}

.sign-control .section-heading h3 {

    font-size: 46px;

    font-weight: 400;

}

.sign-control .section-heading p,

.sign-gcloud p {

    font-size: 15px;

    line-height: 28px;

    margin: 20px 0 40px;

    color: #757980;

    opacity: 1;

}

.control-feature {

    background: var(--color-white);

    border-radius: 12px;

    padding: 28px;

    border: 1px solid #dce4f4;

    box-shadow: 0 6px #0000000d;

    height: 100%;

}

.control-feature h4 {

    font-size: 20px;

    line-height: 28px;

    margin: 24px 0 14px;

    color: var(--color-dark-blue);

}

.dev-wrap .dev-box h3,

.dom-list,

.form-area h3,

h5.l-link {

    text-transform: none;

}

.control-feature p {

    margin-bottom: 0;

    color: #757980;

}

.control-feature img {

    max-width: 58px;

    height: 42px;

    object-fit: contain;

}

.control-row {

    row-gap: 30px;

}

.sign-contact {

    background: url(../images/signhrm/sign-conbg.jpg) center no-repeat;

    width: 100%;

    height: 100%;

}

.add_banner,

.d-btn {

    background: #056563;

}

.sign-contact .btn-orange {

    background: #cdf463;

    color: #0e1f33;

}

@media screen and (max-width: 1400px) {

    .feature-slider.owl-theme .owl-dot:first-child span::before {

        left: 31%;

    }

    .feature-slider.owl-theme .owl-dot:last-child span::after {

        right: 31%;

    }

}

@media screen and (max-width: 1300px) {

    .hrm-b-text img {

        max-width: 150px;

    }

    .hrm-b-text h2 {

        font-size: 34px;

    }

    .hrm-b-text {

        padding-right: 50px;

    }

    .hrm-landing-banner {

        padding-top: 80px !important;

    }

    .sec-space {

        padding: 50px 0;

    }

    .section-heading h3 {

        font-size: 36px;

    }

    .feature-slider.owl-theme .owl-dots .owl-dot span {

        width: 80px;

    }

    .hrm-support .support-box h4 {

        margin: 0 80px 20px 0;

    }

    .hrm-service-box h4 {

        margin: 24px 0 10px;

    }

    .hrm-support .section-heading {

        top: 55%;

        margin: 0;

    }

}

@media screen and (max-width: 1199px) {

    .hrm-b-text {

        padding: 0;

    }

    .features .section-heading p {

        padding: 0 10%;

    }

    .hrm-landing-banner {

        padding-top: 100px !important;

    }

    .hrm-support .sup-row [class*="col-"]:nth-child(2) {

        margin-top: -30px;

        margin-bottom: 30px;

    }

    .hrm-support .sup-row [class*="col-"]:nth-child(5) {

        margin-top: 30px;

        margin-bottom: -30px;

    }

}

@media screen and (max-width: 1169px) {

    .hrm-landing-banner {

        padding-top: 120px !important;

    }

    .hrm-b-text img {

        max-width: 108px;

        margin-top: -6px;

    }

    .hrm-b-text h2 {

        font-size: 25px;

    }

    .hrm-b-text p {

        margin: 12px 0;

    }

    .section-heading {

        max-width: 640px;

    }

    .section-heading h3 {

        font-size: 30px;

        font-weight: 600;

    }

    .feature-slider.owl-theme .owl-dot:first-child span::before {

        left: 30%;

    }

    .feature-slider.owl-theme .owl-dot:last-child span::after {

        right: 30%;

    }

    .hrm-support .support-box h4 {

        margin: 0 20px 14px 0;

    }

    .feature-text {

        padding: 0;

    }

}

@media screen and (max-width: 991px) {

    .hrm-landing-banner {

        padding-top: 70px !important;

    }

    .hrm-service {

        padding: 0;

    }

    .feature-slider.owl-theme .owl-dot:first-child span::before {

        left: 25%;

    }

    .feature-slider.owl-theme .owl-dot:last-child span::after {

        right: 25%;

    }

    .hrm-support .sup-row [class*="col-"]:nth-child(2),

    .hrm-support .sup-row [class*="col-"]:nth-child(5) {

        margin: 0;

    }

    .hrm-support .section-heading {

        top: 2%;

    }

    .hrm-support {

        padding: 70px 0 50px;

    }

    .section-heading {

        margin: 0 auto 30px;

    }

}

@media screen and (max-width: 767px) {

    .loginSection {

        display: block !important;

        max-width: 100%;

    }

    .loginSection .login-block-bg,

    .loginSection .login-form {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .section-heading {

        max-width: 480px;

    }

    .section-heading h3 {

        font-size: 24px;

    }

    .hrm-s-icon {

        height: 50px;

        width: 50px;

    }

    .hrm-s-icon img {

        width: 20px;

        height: 20px;

    }

    .features .section-heading p {

        padding: 0;

    }

    .feature-text h4 {

        font-size: 18px;

        margin-bottom: 10px;

    }

    .feature-text p {

        margin-bottom: 30px;

    }

    .feature-slider p,

    .hrm-b-text p,

    .hrm-service p,

    .hrm-support p {

        font-size: 13px;

        line-height: 20px;

    }

    figure.feature-img {

        margin-top: 20px;

    }

    .hrm-service-row,

    .hrm-support .sup-row {

        row-gap: 24px;

    }

    .hrm-service-row,

    .sup-row {

        margin: 0 -8px;

    }

    .hrm-service-row [class*="col-"],

    .sup-row [class*="col-"] {

        padding: 0 8px;

    }

    .feature-slider.owl-theme .owl-dot:first-child span::before {

        left: 17%;

    }

    .feature-slider.owl-theme .owl-dot:last-child span::after {

        right: 17%;

    }

    .support-box {

        padding: 20px;

    }

    .hrm-contact .section-heading {

        margin-bottom: 20px;

    }

    .hrm-support .support-box h4 {

        font-size: 18px;

        line-height: 26px;

    }

}

@media screen and (max-width: 575px) {

    .feature-slider.owl-theme .owl-dots .owl-dot span {

        width: 62px;

    }

    .sec-space {

        padding: 20px 0;

    }

    .section-heading h3 {

        font-size: 22px;

        margin: 20px auto 8px;

    }

    .section-heading h5 {

        font-size: 12px;

        padding: 6px 14px;

        margin: 0 auto;

    }

    .section-heading {

        max-width: 100%;

    }

    figure.hrm-banner-img {

        margin-bottom: 12px;

    }

    .hrm-s-icon {

        position: absolute;

        top: 16%;

        left: 22px;

    }

    .hrm-service-box {

        padding: 20px 20px 20px 88px;

        position: relative;

    }

    .hrm-service-box h4 {

        font-size: 16px;

        margin: 0 0 6px;

    }

    .hrm-contact .section-heading h3 {

        font-size: 20px;

        font-weight: 500;

    }

    .btn-orange {

        padding: 8px 18px;

    }

}

.add_banner,

.ba-text,

.d-btn {

    position: relative;

}

@media screen and (max-width: 479px) {

    .hrm-b-text h2,

    .section-heading h3 {

        font-size: 20px;

    }

    .hrm-service-box {

        padding: 14px 14px 14px 76px;

    }

    .hrm-s-icon {

        top: 12%;

        left: 14px;

    }

    .btn-blue {

        font-size: 13px;

    }

    .feature-text h4 {

        font-size: 16px;

    }

    .feature-slider.owl-theme .owl-dots .owl-dot span {

        width: 45px;

        height: 1px;

    }

}

@media screen and (max-width: 1300px) {

    .sign-b-text img {

        max-width: 150px;

    }

    .sign-b-text h2 {

        font-size: 34px;

    }

    .sign-b-text {

        padding-right: 50px;

    }

    .sign-landing-banner {

        padding-top: 80px !important;

    }

    .sec-space {

        padding: 50px 0;

    }

    .section-heading h3 {

        font-size: 36px;

    }

}

@media screen and (max-width: 1199px) {

    .sign-landing-banner {

        padding-top: 100px !important;

    }

}

@media screen and (max-width: 1169px) {

    .sign-landing-banner {

        padding-top: 120px !important;

    }

    .sign-b-text {

        padding-right: 0;

    }

    .sign-b-text h2 {

        font-size: 25px;

    }

    .sign-b-text p {

        margin: 12px 0;

    }

    .section-heading h3 {

        font-size: 30px;

        font-weight: 600;

    }

    .sign-control .section-heading h3 {

        font-size: 42px;

    }

    .sign-control .section-heading {

        padding: 0 68px;

    }

    .control-feature h4 {

        font-size: 18px;

    }

}

@media screen and (max-width: 991px) {

    .sign-landing-banner {

        padding-top: 70px !important;

    }

    .section-heading {

        margin: 0 auto 30px;

    }

    .section-heading h3 {

        font-size: 26px;

        margin: 0;

    }

    .btn-blue {

        font-size: 14px;

    }

    .sign-service {

        padding: 20px 0;

    }

    .sign-service-box h4 {

        padding-right: 0;

        font-size: 17px;

        line-height: 26px;

        margin: 12px 0;

    }

    .sign-service-box {

        padding: 20px;

        border-color: #efefef;

    }

    .sign-service-row {

        row-gap: 20px;

        margin: 0 -8px;

    }

    .sign-service-row [class*="col-"] {

        padding: 0 8px;

    }

    .sign-gcloud::before {

        width: 84%;

    }

    .sign-control .section-heading p,

    .sign-gcloud p {

        font-size: 13px;

        line-height: 22px;

        margin: 10px 0 18px;

    }

    .sign-control .section-heading h3 {

        font-size: 32px;

        margin: 0;

    }

    .sign-control .section-heading {

        padding: 0;

    }

    .sign-control {

        padding-bottom: 50px !important;

    }

    .control-row {

        margin-top: 24px;

    }

    .control-row [class*="col-"]:first-child,

    .control-row [class*="col-"]:nth-child(3) {

        margin: 0;

    }

    .sign-contact .section-heading {

        margin-bottom: 20px;

    }

    .control-feature h4 {

        margin: 14px 0 4px;

    }

}

@media screen and (max-width: 767px) {

    .section-heading {

        max-width: 480px;

    }

    .section-heading h3 {

        font-size: 20px;

    }

    .control-feature,

    .sign-service-box {

        padding: 20px;

    }

    .sign-service-box h4 {

        font-size: 15px;

    }

    .sign-s-icon {

        height: 40px;

        width: 40px;

    }

    .sign-s-icon img {

        width: 20px;

        height: 20px;

    }

    .sec-space {

        padding: 30px 0;

    }

    .btn-gradient {

        padding: 10px 0;

        font-size: 12px;

        line-height: 17px;

    }

    .sign-landing-banner {

        padding-bottom: 0;

    }

    .gradient-border {

        padding: 10px 16px;

    }

    .sign-service hr {

        margin: 20px 0;

    }

    .cloud-img img {

        width: 90%;

    }

    .sign-control .section-heading h3 {

        font-size: 26px;

    }

    .sign-control {

        padding-bottom: 30px !important;

    }

    .control-row {

        row-gap: 24px;

        margin: 20px -8px 0;

    }

    .control-row [class*="col-"] {

        padding: 0 8px;

    }

    .control-feature h4 {

        font-size: 16px;

    }

    .sign-contact .section-heading {

        margin-bottom: 20px;

    }

}

@media screen and (max-width: 575px) {

    .sec-space {

        padding: 20px 0;

    }

    .section-heading h3 {

        font-size: 20px;

        margin: 20px auto 8px;

    }

    .section-heading {

        max-width: 100%;

    }

    .sign-service .section-heading {

        max-width: 54%;

    }

    .sign-contact .section-heading h3 {

        font-size: 20px;

        font-weight: 500;

    }

    .sign-service-row [class*="col-"] {

        flex: 0 0 50%;

    }

    .sign-gcloud [class*="col-"]:first-of-type {

        flex: 0 0 60%;

    }

    .sign-gcloud [class*="col-"]:last-of-type {

        flex: 0 0 40%;

    }

    .cloud-img img {

        width: 100%;

    }

    .btn-orange {

        padding: 8px 18px;

    }

}

@media screen and (max-width: 479px) {

    .section-heading h3,

    .sign-b-text h2 {

        font-size: 20px;

    }

    .sign-s-icon {

        top: 12%;

        left: 14px;

    }

    .btn-blue {

        font-size: 13px;

    }

    .service-head {

        display: block !important;

    }

    .sign-service .section-heading {

        max-width: 100%;

        margin-bottom: 12px !important;

    }

    .sign-gcloud [class*="col-"]:first-of-type,

    .sign-service-row [class*="col-"] {

        flex: 0 0 100%;

    }

    .sign-service-box h4 {

        line-height: 22px;

        margin: 8px 0;

    }

    .sign-gcloud [class*="col-"]:last-of-type {

        flex: 0 0 60%;

        margin: 0 auto;

    }

    .sign-gcloud p {

        margin-bottom: 0;

    }

    .sign-gcloud::before {

        width: 100%;

    }

}

.twodiv.functionality-wrap ul li {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

}

.port-cont-sec p {

    margin-bottom: 20px;

    line-height: 21px;

}

h5.l-link {

    color: #ff3a8b;

    margin-top: 25px;

    margin-bottom: 0;

    font-size: 16px;

}

h5.l-link a {

    color: #ff3a8b;

    letter-spacing: 0.2px;

}

.dom-list {

    color: #000;

}

.dom-list span {

    color: #e05890;

    margin-right: 6px;

}

.c-row {

    margin-left: -5px;

    margin-right: -5px;

}

.c-row .col-lg-6 {

    padding-left: 5px;

    padding-right: 5px;

}

.block-list {

    padding: 30px 0;

}

.block-list .inner-list {

    margin-top: 40px;

    margin-bottom: 40px;

}

.block-list .inner-list .b-content h3 {

    color: #161616;

    font-size: 30px;

    font-weight: 700;

    margin: 0 0 20px;

    text-transform: none;

}

.d-btn,

.form-area .bd_ivanform input[type="submit"] {

    border: 0;

    font-weight: 600;

    height: auto;

    font-size: 14px;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

.block-list .inner-list:nth-child(2n) .c-left {

    order: 2;

    padding-right: 0;

    padding-left: 50px;

}

.form-area,

.technology-box {

    padding: 60px 0;

}

.form-area .bd_ivanform input[type="submit"] {

    background: #fff;

    border-radius: 30px;

    color: #056563;

    width: 175px;

    padding: 17px 10px;

}

.form-area h3 {

    font-size: 39px;

    font-weight: 700;

    margin-bottom: 20px;

    color: #000;

    max-width: 86%;

}

.bg-form {

    background-color: #056563;

    padding: 30px;

    border-radius: 12px;

}

.dev-wrap {

    padding: 30px 0 60px;

}

.dev-wrap .dev-box {

    padding: 60px 90px 130px;

    text-align: center;

    -webkit-box-shadow: 0 0 13px -3px rgba(0, 0, 0, 0.29);

    -moz-box-shadow: 0 0 13px -3px rgba(0, 0, 0, 0.29);

    box-shadow: 0 0 13px -3px rgba(0, 0, 0, 0.29);

}

.dev-wrap .dev-box h3 {

    color: #161616;

    font-size: 36px;

    font-weight: 700;

    margin: 0 0 20px;

    line-height: 50px;

}

.d-btn {

    border-radius: 60px;

    color: #fff !important;

    width: 200px;

    padding: 26px 16px;

    display: inline-block;

    margin-top: 30px;

}

.d-bottom .d-btn::after {

    right: -60px;

    bottom: -93px;

    width: 116px;

    height: 121px;

    background: url(../images/hand.png) no-repeat;

}

.tch-list {

    padding: 20px 30px;

    display: flex;

    align-items: center;

    margin: 5px 0;

    -webkit-box-shadow: 0 1px 9px -3px rgba(0, 0, 0, 0.21);

    -moz-box-shadow: 0 1px 9px -3px rgba(0, 0, 0, 0.21);

    box-shadow: 0 1px 9px -3px rgba(0, 0, 0, 0.21);

}

.tch-list img {

    height: 80px;

    object-fit: contain;

}

.tch-list h3 {

    color: #000;

    font-size: 22px;

    margin: 0;

    font-weight: 700;

    text-transform: capitalize;

}

.tch-list .tech-text {

    padding-left: 30px;

}

.technology-box h2 {

    line-height: 42px;

    font-size: 32px;

    font-weight: 700;

    color: #000;

    text-transform: none;

    max-width: 86%;

    margin-bottom: 40px;

    text-align: left;

}

.partner-box {

    text-align: center;

    padding: 40px 0;

}

.partner-box h5 {

    text-align: center;

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 10px;

    color: #000;

    text-transform: none;

}

.partner-box img {

    margin: 0 10px;

}

.add_banner {

    padding: 120px 0 90px;

    overflow: hidden;

}

.add_banner::after {

    right: 0;

    height: 300px;

    width: 500px;

    background: url(../images/b-after.png) 0 0 / contain no-repeat;

    bottom: -187px;

}

.ba-text {

    padding-right: 20px;

    max-width: 80%;

}

.ba-text::after {

    right: -80px;

    height: 111%;

    width: 2px;

    background-color: #667171;

    top: -30px;

}

.ba-text::before {

    left: -141px;

    height: 500px;

    width: 300px;

    background: url(../images/b-before.png) 0 0 / contain no-repeat;

    top: -86px;

}

.ba-text h1 {

    color: #fff;

    font-size: 32px;

    line-height: 46px;

    text-transform: none;

    font-weight: 700;

    margin-bottom: 20px;

}

.bottom-sec h5 {

    color: #fff;

    font-size: 16px;

    margin: 0 0 2px;

}

.bottom-sec p {

    color: #fff;

    font-size: 13px;

}

.ba-text .ba-btn {

    background: #fff;

    border: 0;

    border-radius: 30px;

    color: #056563;

    font-size: 14px;

    font-weight: 600;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    width: auto;

    padding: 17px 29px;

    height: auto;

    display: inline-block;

    margin: 10px 0 30px;

}

.ba-text .ba-btn:hover,

.d-btn:hover {

    background-color: #000;

    color: #fff;

}

.right-box h4 {

    color: #fff;

    font-size: 21px;

    font-weight: 600;

    text-transform: none;

}

.mettingmodal h3,

.mettingmodal p {

    color: #000;

    margin-bottom: 10px;

}

ul.skill-list {

    margin: 20px 0 0;

}

ul.skill-list li {

    list-style-type: none;

    display: inline-flex;

    width: 100%;

    clear: both;

    margin-bottom: 10px;

}

ul.skill-list li a {

    border: 2px solid #fff;

    padding: 12px 30px;

    color: #fff;

    border-radius: 50px;

    font-size: 15px;

    font-weight: 600;

}

ul.skill-list li a:hover {

    background-color: #fff;

    color: #000;

}

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

    .ba-text::after,

    .call-img {

        display: none;

    }

    ul.skill-list li a {

        display: block;

    }

    ul.skill-list li {

        display: inline-block;

        width: auto;

    }

    .ba-text,

    .technology-box h2 {

        padding-right: 0;

        max-width: 100%;

    }

    .add_banner {

        padding: 60px 0;

    }

    .block-list .inner-list .b-content {

        padding-left: 0;

        margin-bottom: 0;

    }

    .block-list .inner-list {

        margin-bottom: 0;

    }

}

.mettingmodal {

    background: #f3f3f3 !important;

}

.mettingmodal h3 {

    font-size: 20px;

    font-weight: 700;

}

.mettingmodal h2 {

    color: var(--color-black);

    margin-bottom: 18px;

    font-size: 16px;

    font-weight: 700;

    text-align: center;

}

.ui-datepicker-title {

    padding: 0 !important;

    font-family: Montserrat, sans-serif;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 700;

}

.hasDatepicker {

    padding: 12px 12px 18px;

    background: #fff;

    border-radius: 4px !important;

}

.ui-datepicker-prev:after {

    content: "\f104" !important;

    font: 14px/1 FontAwesome;

    font-size: 23px !important;

}

.ui-datepicker-next:after {

    content: "\f105" !important;

    font: 14px/1 FontAwesome;

    font-size: 23px !important;

}

.button-container button,

.radio_div .checkmark {

    text-align: center;

    position: relative;

    font-weight: 600;

}

.ui-datepicker-header {

    height: 45px !important;

    border-radius: 0 !important;

    background-color: #fff !important;

    color: var(--color-black) !important;

}

.ui-datepicker-calendar {

    width: 100% !important;

    background-color: #fff !important;

}

.ui-datepicker-calendar td {

    padding: 10px !important;

    font-size: 14px;

}

.ui-datepicker-calendar th {

    color: #333 !important;

}

.ui-datepicker-calendar td span {

    border-radius: 60px;

    padding: 8px;

    color: #1a1a1a9c !important;

}

.ui-datepicker-calendar td a {

    color: #2a6fda !important;

    display: block;

    background: #eef4fd;

    border-radius: 60px;

    padding: 8px;

}

.ui-datepicker-calendar .ui-state-active {

    background: #2a6fda !important;

    color: var(--color-white) !important;

}

.button-container {

    text-align: center;

    display: flex;

}

.button-container button {

    background: #fd3b8a;

    border: 0;

    border-radius: 5px;

    color: #fff !important;

    font-size: 14px;

    transition: 0.5s, _ 0.5s, _ 0.5s, _ 0.5s;

    padding: 12px 30px;

    height: auto;

    display: inline-block;

    margin: 0 !important;

    min-width: 150px;

    width: 100%;

    text-transform: uppercase !important;

}

.button-container button:disabled {

    opacity: 0.5;

    background: #fd3b8a;

}

.button-container button.previous_btn {

    margin-right: 10px !important;

    background: #000;

}

.redipmaind {

    row-gap: 10px;

}

.radio_div input[type="radio"] {

    margin-right: 10px !important;

    opacity: 0;

    position: absolute;

}

.radio_div .checkmark {

    padding: 10px 12px;

    border: 1px solid #dbdbdb;

    border-radius: 4px;

    display: block;

    background: #fff;

    cursor: pointer;

    transition: 0.5s;

}

.radio_div input:checked ~ .checkmark {

    background-color: #2196f3;

    width: 100%;

    height: 100%;

    border-radius: 4px;

    border: 1px solid #2196f3;

    z-index: 0;

    color: #fff;

}

@media screen and (max-width: 767px) {

    .block-list .inner-list .b-content h3,

    .dev-wrap .dev-box,

    .dev-wrap .dev-box h3,

    .form-area h3,

    .technology-box h2 {

        font-size: 22px;

        line-height: normal;

    }

    .tch-list,

    ul.skill-list li a {

        display: block;

    }

    .dev-wrap .dev-box {

        padding: 15px !important;

        color: #161616;

        font-weight: 700;

        margin: 0 0 20px;

        text-transform: none;

    }

    .dev-wrap .dev-box p {

        margin-bottom: 10px;

    }

    .d-btn {

        width: auto;

        margin-top: 10px;

    }

    .form-area,

    .technology-box {

        padding: 40px 0;

    }

    .technology-box {

        padding-bottom: 0;

    }

    .tch-list {

        padding: 10px;

        margin: 9px 0;

        text-align: center;

    }

    .tch-list img {

        height: 50px;

        object-fit: contain;

    }

    .tch-list h3 {

        font-size: 16px;

        font-weight: 700;

        text-align: center;

    }

    .tch-list .tech-text {

        padding-left: 0;

        margin-top: 10px;

    }

    ul.skill-list li {

        display: inline-block;

        width: auto;

    }

    .ba-text {

        max-width: 100%;

        padding: 0;

    }

    .add_banner {

        padding: 60px 0;

    }

    .ba-text h1 {

        color: #fff;

        font-size: 24px;

        line-height: normal;

    }

    .block-list .inner-list .b-content {

        padding-left: 0;

    }

    .block-list .inner-list {

        margin-bottom: 0;

    }

    .ui-datepicker-calendar td {

        padding: 5px !important;

        font-size: 12px !important;

    }

    .bannerform-main {

        padding: 14px !important;

    }

    .bd_modalform {

        padding: 10px !important;

    }

    .ui-datepicker-calendar td a {

        border-radius: 6px !important;

        padding: 6px !important;

    }

    .button-container {

        flex-wrap: wrap;

        row-gap: 10px;

    }

    .button-container button {

        font-size: 12px !important;

    }

    .button-container button.previous_btn {

        margin-right: 0 !important;

    }

}





.ecomm .col-lg-5 {

    max-width: 100%;

}



.ecomm .col-lg-5 .bottom-form_wrapper {

    padding: 20px 0 0 0;

}



/* Thank U */



.top_header_container {

    padding: 8px 0;

    border-bottom: 1px solid #ccc;

}

.top_header_container ul {

    display: flex;

    align-items: center;

    justify-content:center;

    list-style: none;

    margin-bottom: 0;

}

.top_header_container ul li {

    padding-left: 20px;

    margin-left: 10px;

}

.top_header_container ul li a {

    color:#000;

}

.top_header_container ul li .phone_content {

    display: flex;

    align-items: center;

}

.top_header_container ul li .phone_content img {

    width: auto;

    margin-right: 10px;

}

.success-txt {

    color: #118d08;

    font-size: 40px;

    line-height: 50px;

    font-family: Gotu,sans-serif;

    font-weight: 700

}

.success-pic {

    margin-bottom: 30px

}

.success-pic img {

    height: 150px

}

.thank-txt {

    color: #118d08;

    font-size: 40px;

    line-height: 50px;

    font-family: Gotu,sans-serif;

    font-weight: 700

}

.thank-pic {

    margin-bottom: 30px

}

.thank-pic img {

    height: 120px

}



.f-section1 {

    padding: 15px 0;

}

.footer-logo {

    justify-content: center;

    align-items: center;

}

.footer-logo img {

    height:50px;

    margin: 0 15px;

}

.f-section4 {

    border-top: 1px solid #eaeaea;

    padding: 20px 0;

}

.footer-bottom{

    align-items: center;

}

.f-logo {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

}

.f-logo img {

    max-width: 250px;

    height: 100px;

}

.lp-footer .footer-menu {

    -ms-flex: 0 0 60%;

    flex: 0 0 60%;

    max-width: 60%;

}

.copyright-txt {

    font-size: 13px;

    color: #000;

    font-weight: 300;

    padding-left: 5px;

}

.f-social ul li {

    display: inline-block;

    margin: 0 5px;

}

.f-social ul li a {

    color: grey;

    font-size: 25px;

}

.f-social ul li a:hover {

    color: #de196f;

}

header .navbar-brand img {

    height: 65px !important;

    border-radius: 6px;

}

header .h-contact {

    margin:0 0 0 20px;

}

header .h-contact .nav-link {

    border:0.125rem solid #fb0469;

    border-radius: .3125rem;

    color:#fff;

    background-color:#fb0469;

    width:9rem;

    padding: .7675rem .4375rem;

    text-align: center;

    font-size: 1rem;

}

header .h-contact .nav-link:hover {

    background-color:transparent;

    color:#fb0469;



}



/* Blog */



.bloghome {

    background-color: #FFFBF6;

    padding: 80px 0px;

  }

  

  

  

  .blog-item {

    background: #FFFFFF 0% 0% no-repeat padding-box;

    box-shadow: 0px 5px 20px #0E1F330D;

    border-radius: 10px;

  }

  

  .blog-item .blog-thumb img {

    height: 450px;

    width: 100%;

    border-radius: 10px;

    object-fit: contain;

  }

  

  

  

  .blog-item .blog-item-cont {

    padding: 35px;

  }

  

  .blog-item-cont h2 {

    font-size: 32px;

    color: #0E1F33;

    padding-bottom: 15px;

    text-transform: none;

  }

  

  .blog-item-cont p {

    color: #B8B8B8;

    font-size: 14px;

    margin-bottom: 0px;

  }

  

  .item-cont {

    color: #B8B8B8;

    font-size: 14px;

  }

  

  .blog-btn {

    margin-top: 10px;

  }

  

  .blog-btn a {

    display: inline-block;

    border: #F62E7C solid 1px;

    text-transform: uppercase;

    border-radius: 5px;

    padding: 10px 25px;

    color: #F62E7C;

  }

  

  .blog-btn a:hover {

    background-color: #F62E7C;

    color: #fff;

  }

  

  .item-cat {}

  

  .item-cat a {

    display: inline-block;

    color: #F62E7C;

    font-size: 15px;

    text-transform: uppercase;

    padding-bottom: 20px;

    line-height: 17px;

  }

  

  .item-info {

    padding-bottom: 10px;

  }

  

  .item-info span {

    display: inline-block;

    color: #B8B8B8;

    font-size: 14px;

    margin-right: 20px;

  }

  

  .item-info span:last-child{ margin-right: 0px; }

  

  .item-info span span {

    color: #0E1F33;

    margin-right: 0px;

  }

  

  .item-share {

    padding-top: 20px;

  }

  

  .item-share span {

    display: inline-block;

    color: #0E1F33;

    font-size: 14px;

    margin-right: 20px;

  }

  

  .item-share span a {

    color: #0E1F33;

  }

  

  .item-share img {

    height: 20px;

    margin-right: 0px;

    display: inline-block !important;

    width: auto !important;

  }

  

  

  

  

  

  .blog-slide .owl-dots {

    text-align: center;

    margin-top: 30px;

  }

  

  .blog-slide .owl-dots .owl-dot.active {

    display: inline-block;

  }

  

  .blog-slide .owl-dots .owl-dot span {

    display: inline-block;

    height: 10px;

    width: 10px;

    border-radius: 100%;

    background-color: #D2D2D2;

    margin: 0px 4px;

  }

  

  .blog-slide .owl-dots .owl-dot.active span {

    width: 30px;

    border-radius: 50px;

    background: transparent linear-gradient(77deg, #FF9965 0%, var(--unnamed-color-f62e7c) 100%) 0% 0% no-repeat padding-box;

    background: transparent linear-gradient(77deg, #FF9965 0%, #F62E7C 100%) 0% 0% no-repeat padding-box;

  }

  

  .blog-list-section {

    margin-top: 30px;

  }

  

  .blog-list-section .nav.nav-tabs {

    position: relative;

    padding: 25px 60px 25px 30px;

    display: flex;

    align-items: center;

    row-gap: 16px;

    background: transparent linear-gradient(86deg, #FF9965 0%, var(--unnamed-color-f62e7c) 100%) 0% 0% no-repeat padding-box;

    background: transparent linear-gradient(86deg, #FF9965 0%, #F62E7C 100%) 0% 0% no-repeat padding-box;

    box-shadow: 0px 5px 20px #0E1F330C;

    border-radius: 10px;

  }

  

  .blog-list-section .nav.nav-tabs .nav-item {

    border: none;

  }

  

  .blog-list-section .nav.nav-tabs .nav-item.active {

    background-color: transparent;

  }

  

  .blog-list-section .nav.nav-tabs .more {

    position: absolute;

    top: 50%;

    margin-top: -13px;

    right: 15px;

  }

  

  .blog-list-section .nav.nav-tabs .more img {

    height: 26px;

  }

  

  .blog-list-section .nav.nav-tabs a {

    position: relative;

    margin-bottom: 0px;

    text-align: left;

    display: inline-block;

    padding: 0px 12px 0px 0px;

    font-size: 14px;

    line-height: 14px;

    text-transform: uppercase;

    color: #fff;

    cursor: pointer;

  }

  #home-post-listing{

    row-gap: 30px;

  }

  .blog-list-section .nav.nav-tabs .nav-item.active:before {

    content: '';

    height: 2px;

    width: 35px;

    background-color: #fff;

    position: absolute;

    bottom: -7px;

    left: 0;

  }  

 

  .blog-box {

    background-color: #fff;

    box-shadow: 0px 5px 20px #0E1F330D;

    border-radius: 10px;

    border-radius: 8px;

    height: 100%;

  }

  

  .blog-box .blog-thumb {}

  

  .blog-box .blog-thumb img {

    height: auto;

    width: 100%;

    border-radius: 0;

    object-fit: cover;

  }

  

  .blog-box .blog-info {

    padding: 20px;

  }

  

  .blog-box .blog-title {

    color: #0E1F33;

    font-size: 20px;

    line-height: 26px;

    margin-bottom: 20px;

    height: 50px;

    display: block;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

  }

  

  .blog-box .blog-title a{ display: inline-block; color: #0E1F33; }

  

  .blog-box .blog-cont {

    color: #B8B8B8;

    font-size: 14px;

    line-height: 22px;

    display: block;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

  }

  

  .blog-box .blog-cont p {

    color: #B8B8B8;

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 0px;

  }

  

  .blog-list-section nav {

    position: relative;

  }

  

  

  

  .blog-list-section .all-cat {

    background-color: #fff;

    padding: 20px;

    box-shadow: 0px 5px 20px #0E1F3333;

    border-radius: 10px;

    position: absolute;

    width: 100%;

    z-index: 99;

    -webkit-animation-name: animationFade;

      -o-animation-name: animationFade;

      animation-name: animationFade;

      -webkit-animation-duration: 1s;

      -o-animation-duration: 1s;

      animation-duration: 1s;

      -webkit-animation-fill-mode: both;

      -o-animation-fill-mode: both;

      animation-fill-mode: both;

  

  }

  

  /* animation */

  

  @-webkit-keyframes animationFade {

      from {

          opacity: 0;

          -webkit-transform: translate3d(0, -100%, 0);

          transform: translate3d(0, -100%, 0);

      }

      to {

          opacity: 1;

          -webkit-transform: none;

          transform: none;

      }

  }

  @-o-keyframes animationFade {

      from {

          opacity: 0;

          -webkit-transform: translate3d(0, -100%, 0);

          transform: translate3d(0, -100%, 0);

      }

      to {

          opacity: 1;

          -webkit-transform: none;

          -o-transform: none;

          transform: none;

      }

  }

  @keyframes animationFade {

      from {

          opacity: 0;

          -webkit-transform: translate3d(0, -5%, 0);

          transform: translate3d(0, -5%, 0);

      }

      to {

          opacity: 1;

          -webkit-transform: none;

          -o-transform: none;

          transform: none;

      }

  }

  

  .blog-list-section .all-cat ul {}

  

  .blog-list-section .all-cat ul li {}

  

  .blog-list-section .all-cat a {

    display: inline-block;

    text-transform: uppercase;

    color: #0E1F33;

    font-size: 13px;

    position: relative;

    margin-bottom: 15px;

  }

  

  .blog-list-section .all-cat a:hover:before {

    content: '';

    background-color: #0E1F33;

    width: 35px;

    height: 2px;

    border-radius: 5px;

    position: absolute;

    left: 0;

    bottom: -3px;

  }

  

  .all-cat .row {

    margin: 0px -10px;

  }

  

  .all-cat .custom-col {

    padding: 0px 10px;

  }

  

  .single-blog {

    padding: 60px 0px;

  }

  

  .single-blog-wrap {}

  

  .single-blog-wrap .item-info{ padding-bottom: 20px; }

  

  .single-blog-wrap .content-img img {

    max-height: 500px;

    width: 100%;

    max-width: 100%;

    object-fit: cover;

    border-radius: 8px;

  }

  

  .single-blog-share {

    border-bottom: #D9D9D9 solid 1px;

    margin-bottom: 15px;

  }

  

  .single-blog-share .item-share {

    padding: 15px 0px;

  }

  

  .single-blog-wrap h2 {

    font-size: 32px;

    color: #0E1F33;

    padding-bottom: 5px;

    text-transform: none;

  }

  

  .single-blog-wrap h1 {

    font-size: 32px;

    color: #0E1F33;

    padding-bottom: 5px;

    text-transform: none;

  }

  

  

  

  .single-blog-wrap .single-cont-wrap p {

    color: #0E1F33;

    font-size: 14px;

    line-height: 22px;

  }

  

  .single-blog-wrap .single-cont-wrap p a {

    color: #F62E7C;

  }

  

  .single-blog-wrap .single-cont-wrap h2 {

    font-size: 22px;

    color: #0E1F33;

    padding-bottom: 10px;

    text-transform: none;

  }

  

  .single-blog-wrap .single-cont-wrap h3 {

    font-size: 18px;

    color: #0E1F33;

    padding-bottom: 10px;

    text-transform: none;

  }

  

  .service_cont_details .nav-links {

    display: none;

  }

  

  .single-blog-wrap .single-cont-wrap ul {

    margin-bottom:20px;

  }

  

  .single-blog-wrap .single-cont-wrap ul li {

    position: relative;

    padding-left: 20px;

    font-family: Poppins, sans-serif;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 20px;

  }

  

  .single-blog-wrap .single-cont-wrap ul li:before {

    content: '';

    height: 7px;

    width: 7px;

    border-radius: 100%;

    background-color: #F62E7C;

    position: absolute;

    top: 8px;

    left: 0;

  }

  

  

  

  

  

  .paginationList .nav-links {

    text-align: center;

    width: 100%;

    margin-top: 30px;

  }

  

  .paginationList .nav-links span {

    display: inline-block;

    height: 30px;

    width: 30px;

    margin-right: 3px;

    color: #fff;

    font-size: 16px;

    border-radius: 3px;

    text-align: center;

    line-height: 30px;

  

    background: transparent linear-gradient(77deg, #FF9965 0%, var(--unnamed-color-f62e7c) 100%) 0% 0% no-repeat padding-box;

  

    background: transparent linear-gradient(77deg, #FF9965 0%, #F62E7C 100%) 0% 0% no-repeat padding-box;

  

  }

  

  .paginationList .nav-links a {

    display: inline-block;

    height: 30px;

    width: 30px;

    border: #F62E7C solid 1px;

    margin-right: 3px;

    background-color: transparent;

    color: #F62E7C;

    font-size: 16px;

    border-radius: 3px;

    text-align: center;

    line-height: 30px;

  }

  

  .paginationList .nav-links a:hover {

    background-color: #F62E7C;

    color: #fff;

  }

  

  .paginationList .nav-links .next {

    width: auto;

    font-size: 14px;

    padding: 0px 10px;

  }

  

  .paginationList .nav-links .prev {

    width: auto;

    font-size: 14px;

    padding: 0px 10px;

  }

  

  

  

  .blog-sidebar {

    background: #FFFFFF 0% 0% no-repeat padding-box;

    box-shadow: 0px 5px 20px #0E1F330D;

    padding: 10px;

  }

  

  .blog-sideadd {

    margin-bottom: 50px;

  }

  

  .blog-sideadd img {

    width: 100%;

    border-radius: 10px;

  }

  

  .blog-comment {

    margin-bottom: 50px;

  }

  

  .blog-comment .comments-area {}

  

  .blog-comment .comments-area h2.comments-title {

    color: #0E1F33;

    font-size: 20px;

    text-transform: none;

    padding-bottom: 15px;

  }

  

  

  

  .blog-comment .comments-area .comment-form {

    background-color: #fff;

    box-shadow: 0px -20px 20px #0E1F330C;

    border-radius: 8px;

    padding: 20px;

  }

  

  .blog-comment .comments-area .comment-form textarea {

    background-color: #fff;

    width: 100%;

    border: 1px solid #F2F2F2;

    border-radius: 8px;

    resize: none;

    padding: 10px;

    height: 90px;

    font-size: 13px;

  }

  

  .blog-comment .comments-area .comment-form label {

    display: inline-block;

    width: 100%;

  }

  

  .blog-comment .comments-area .comment-form input[type="text"],

  .blog-comment .comments-area .comment-form input[type="email"],

  .blog-comment .comments-area .comment-form input[type="url"] {

    background-color: #fff;

    border: 1px solid #F2F2F2;

    border-radius: 8px;

    height: 45px;

    width: 100%;

    padding: 10px;

    font-size: 13px;

  }

  

  .blog-comment .comments-area .comment-form .comment-form-cookies-consent {

    display: flex;

  }

  

  .blog-comment .comments-area .comment-form .comment-form-cookies-consent input {

    margin-right: 10px;

    position: relative;

    top: 4px;

  }

  

  .blog-comment .comments-area .comment-form .comment-form-cookies-consent label {

    font-size: 12px;

    line-height: 15px;

  }

  

  .blog-comment .comments-area .comment-form input[type="submit"] {

    display: block;

    width: 100%;

    text-transform: uppercase;

    border-radius: 5px;

    border: none;

  

    padding: 10px 20px;

    color: #fff;

    letter-spacing: 1px;

  

    background: transparent linear-gradient(82deg, #FF9965 0%, var(--unnamed-color-f62e7c) 100%) 0% 0% no-repeat padding-box;

  

    background: transparent linear-gradient(82deg, #FF9965 0%, #F62E7C 100%) 0% 0% no-repeat padding-box;

  

  }

  

  .comment-form .form-submit {

    position: relative;

  }

  

  .blog-comment .comments-area .comment-form input[type="submit"]:hover {

    background-color: #F62E7C;

    color: #fff;

  }

  

  .comment-form .form-submit:after {

    content: '';

    height: 17px;

    width: 15px;

    background-image: url(https://www.ivaninfotech.com/wp-content/themes/ivaninfotech_child/images/send.svg);

    background-repeat: no-repeat;

    background-size: 100%;

    position: absolute;

    top: 13px;

    left: 24%;

  }

  

  .blog-comment .discussion-meta ol.discussion-avatar-list {

    display: none;

  }

  

  .blog-comment .discussion-meta .discussion-meta-info {

    font-size: 20px;

    text-transform: none;

  }

  

  .blog-comment ol.comment-list {

    max-height: 200px;

    overflow: auto;

    margin-bottom: 30px;

  }

  

  .blog-comment ol.comment-list li {

    margin-bottom: 30px;

  }

  

  .comment-content p {

    margin-bottom: 0px;

    color: #888888;

    font-size: 14px;

  }

  

  .comment-metadata a {

    color: #888888;

    font-size: 13px;

  }

  

  /* width */

  .blog-comment ol.comment-list::-webkit-scrollbar {

    width: 4px;

  }

  

  /* Track */

  .blog-comment ol.comment-list::-webkit-scrollbar-track {

    background: #fff;

  }

  

  /* Handle */

  .blog-comment ol.comment-list::-webkit-scrollbar-thumb {

    background: #B8B8B8;

  }

  

  /* Handle on hover */

  .blog-comment ol.comment-list::-webkit-scrollbar-thumb:hover {
    background: #fff;
  }

  .blog-comment ol.comment-list li .comment-author img {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    margin-right: 10px;
  }

  .blog-comment ol.comment-list li .comment-reply {
    padding-top: 5px;
    position: relative;
    padding-left: 20px;
  }

  .blog-comment ol.comment-list li .comment-reply:before {
    content: '';
    height: 15px;
    width: 15px;
    background-image: url(https://www.ivaninfotech.com/wp-content/themes/ivaninfotech_child/images/comment.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 6px;
    left: 0;
  }

  .blog-comment ol.comment-list li .comment-reply a {
    color: #0E1F33;
    font-size: 13px;
  }

  .blog-comment ol.comment-list li .comment-author .post-author-badge {
    display: none;
  }

  .blog-comment ol.comment-list li .fn {
    color: #0E1F33;
    font-size: 14px;
  }

  .discussion-meta-info svg {
    fill: #0E1F33;
    display: none;
  }

  .all-cat.show {
    display: block !important;
  }
 
  .wpulike-success {
    background: #F62E7C !important;
  }

  .page-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #f8f9faa1;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .page-loader img {
    width: 100px;
  }

  .wpulike {
    display: inline-block;
  }

  .wpulike-default button.wp_ulike_btn {
    background: #fff;
  }

  .item-share {}

  .item-share .wpulike.wpulike-default {
    padding: 0px;
    position: relative;
    top: -3px;
  }

  .item-share .wpulike.wpulike-default .wp_ulike_btn {
    min-width: 25px;
    min-height: 25px;
    background-color: transparent;
  }

  .item-share .wpulike.wpulike-default .wp_ulike_btn:hover {
    background-color: transparent;
  }

  .item-share .wpulike.wpulike-default .wp_ulike_btn:focus {
    background-color: transparent;
  }

  .item-share .wpulike.wpulike-default .wp_ulike_btn:after {
    height: 18px;
    width: 18px;
  }

  .item-share .wpulike.wpulike-default span.count-box {
    box-shadow: none;
    padding: 0px;
    margin: 0px;
    color: #0E1F33;
    font-size: 15px;
    margin-right: 6px;
    line-height: 20px;
  }

  .item-share .wpulike.wpulike-default span.count-box:before {
    content: none;
  }
  form.custom-comment-form .hide {
    display: none;
  }
  form.custom-comment-form .show {
    display: block;
  }

  .cat-list{ max-height: 430px; overflow: auto; margin-bottom: 30px; padding-left: 10px; }

  h2.cat-list-title { color: #fff; font-size: 22px; border-radius: 5px; letter-spacing: .5px; padding: 10px; line-height: 26px; text-transform: none; margin-bottom: 20px;
    background: #0f0c53;
   }

  .cat-list p{ margin-bottom: 7px; position: relative; padding-left: 15px; }
  .cat-list a{ display: inline-block; color: #0E1F33; }
  .cat-list a:hover{ color: #F62E7C; }
  .cat-list p:before{ content: "\f101"; font-family:'FontAwesome'; position: absolute; top: 0; left: 0; color: #F62E7C; } 
  

  .blog-subscribe{ 
    /* background-color: #F62E7C;  */
    background: linear-gradient(to right, #036cb1, #00b1b1 100%);
    padding: 30px; border-radius: 5px; margin-bottom: 20px; }

  .blog-subscribe h2{ color: #fff; text-transform: none; font-size: 18px; padding-bottom: 5px; }

  .subscribe-frm{ position: relative; }

  .subscribe-frm .sbscrbr-block-one-line{ border: #fff solid 1px; border-radius: 3px; margin: 0px; }

  .subscribe-frm form input[type="text"]{ height: 35px; background-color: transparent; border: none; padding: 5px; color: #fff; font-size: 13px; width: 100%; padding-left: 10px !important; }

  .subscribe-frm form input[type="submit"]{ height: 35px; border: none; background-color: #000; padding: 0px 10px; color: #fff; border-radius: 0px 3px 3px 0px; position: relative; width: 100%; }

  .subscribe-frm .es-field-wrap{ margin-bottom: 0px; width: 100%; }

  .subscribe-frm .es-field-wrap label{ width: 100%; }

  .subscribe-frm ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
  }

  .subscribe-frm :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
  }

  .subscribe-frm ::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
  }

  .blog-subscribe p{ margin: 15px 0px; color: #fff; font-size: 12px; line-height: 17px; }

  .subscribe-social{}

  .subscribe-social h3{ font-size: 13px; padding-bottom: 8px; font-weight: 500; font-size: 15px; color: #fff; text-transform: none;}

  .subscribe-social ul{ display: flex; }

  .subscribe-social ul li{ margin-right: 10px; }

  .subscribe-social ul li a{ color: #fff; display: inline-block; font-size: 20px; height: 40px; width: 40px; border-radius: 100%; border: #fff solid 1px; text-align: center; line-height: 40px;}

  .subscribe-social ul li a:hover{ background-color: #fff; color: #F62E7C; }

  .sbscrbr-unsubscribe-wrap{ display: none; }

  .sbscrbr-form-error{ color: #f9d5c3 !important; margin: 0px !important; padding-bottom: 5px;}

  .sbscrbr-form-done{ margin: 0px !important; padding-bottom: 5px;}

  .explore-box{ padding: 0px; background-color: rgba(0, 0, 0, .8); border-radius: 5px; position: relative; display: flex; align-items: center; margin-top: 15px; background-image: url(https://www.ivaninfotech.com/wp-content/themes/ivaninfotech_child/images/explore.jpg); background-repeat: no-repeat; }

  .explore-box:before{ content: ''; background-color: rgba(0, 0, 0, .8); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; }

  .explore-box img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; border-radius: 5px; }

  .explore-cont{ padding: 30px; text-align: center; position: relative; z-index: 1; }

  .explore-cont h2{ color: #fff; text-transform: none; font-size: 25px; padding-bottom: 0px;  }

  .explore-cont p{ margin: 15px 0px 25px 0px; color: #fff; font-size: 12px; line-height: 17px;  }

  .explore-btn{}

  .explore-btn a{ display: block;  background-color:#2789bc; color: #fff; padding: 10px; border-radius: 3px; font-size: 15px; font-weight: 500; position: relative; }

  .explore-btn a:before{ content: ''; width: 26px; height: 19px; background-image: url(https://www.ivaninfotech.com/wp-content/themes/ivaninfotech_child/images/white-arrow.png); background-repeat: no-repeat; position: absolute; right: 25px; 
  -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
        -ms-transition: all .5s ease;
            transition: all .5s ease;
  }

  .explore-btn a:hover:before{ right: 15px; }

  img.alignleft {
    float: left;
    margin: 20px 20px 20px 0;
  }

  img.alignright {
    float: right;
    margin: 20px 0 20px 20px;
  }

  .s-btn {
    position: fixed;
    top: 50%;
    right: -35px;
    z-index: 9;
    transform: rotate(-90deg);
  }

  .btn-contact-flot {
    position: fixed;
    top: 39%;
    right: -38px;
    background-color: #161616;
    color: #fff;
    border-radius: 3px;
    transform: rotate(-90deg);
    z-index: 9;
  }

  .btn-contact-flot {
    position: relative;
    top: 0;
    right: 0;
    transform: none;
  }

  .btn-contact-flot.p-btn {
    color: #fff;
  }

  .top-title {
    padding-bottom: 80px;
  }

  .top-title h3 {
    color: #F62E7C;
    font-size: 18px;
    letter-spacing: 4px;
    padding-bottom: 20px;
  }

  .top-title h2 {
    color: #0E1F33;
    font-size: 40px;
    text-transform: none;
    line-height: 45px;
  }

.customfile {
    border: 1px solid #ccc;
    height: 50px;
    border-radius: 5px;
    background: transparent;
}

.customfile button#custom-button {
    height: 100%;
    border: 0;
    padding: 0 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: 5px;
}

.latest-blog-area {
    padding: 60px 0px;
}

/* Home */

.ibg{
    background-color: #EFF3F7;
}

.bannercon h6 {
    color: #000000;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: 500;
}

.bannercon h2, .bannercon h2 strong {
    color: #000000;
    font-size: 70px;
    line-height: 76px;
    font-weight: 800;
    margin-bottom: 30px;
    position: relative;
}

.bannercon h2 strong {
    z-index: 1;
}

.bannercon h2 strong:after {
    position: absolute;
    content: "";
    bottom: 13px;
    left: 0;
    width: 100%;
    background: #FB0469;
    height: 12px;
    z-index: -1;
}

.bannercon p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
    color: #555658;
    font-weight: 500;
}

.bannersec {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.homeslider {
    max-width: 65%;
    margin-left: auto;
    right: -10%;
}

.hsersec {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
    justify-content: center;
}

.hsersec .hserbox {
    flex: 0 0 18%;
    max-width: 18%;
    margin: 1%;
    box-shadow: 1px 2px 10px 0px #0000001A;
    border-radius: 10px;
    background: #fff;
    padding: 30px 20px;
    text-align: center;
    transition: 0.5s;
}

/* .hsersec .hserbox:last-child {
    background: #8dd3ed42;
    border: 1px solid #aae0f1;
} */


.bd_hser h2 {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    min-height: 45px;
    transition: 0.5s;
}

.bd_hser img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    transition: 0.5s;
    /* filter: sepia(1) saturate(10000%) hue-rotate(240deg); */
}

.bd_hser p {
    margin: 10px 0 0 0;
}

.hsersec .hserbox .bd_hser h2 a {
    color: #000;
}

.bd_hser p a {
    color: #000;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    transition: 0.5s;
}

.bd_hser {
    position: relative;
}

.bd_hser:after {
    position: absolute;
    content: "";
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background: #0d70b212;
}

.hsersec .hserbox:hover {background: #0d70b2;}
.hsersec .hserbox:hover .bd_hser h2,
.hsersec .hserbox:hover .bd_hser p a, .hsersec .hserbox:hover .bd_hser h2 a
{
    color: #fff;
}

.hsersec .hserbox:hover .bd_hser p a, .hsersec .hserbox:hover p  {
    /* color:#fb0469; */
    color:#02aab1;
}

.hsersec .hserbox:hover .bd_hser img {
    -webkit-filter: invert(1) brightness(100);
    filter: invert(1) brightness(100);
}


.headsing h6 {
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    position: relative;
}

.headsing p{
    color: #696969 !important;
}

.headsing h6:after {
    position: absolute;
    content: "";
    top: 9px;
    left: 34%;
    width: 50px;
    height: 2px;
    background:#ff3f00;
}
.headsing h6:before {
    position: absolute;
    content: "";
    background:#ff3f00;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    top: 5px;
    left: 42%;
}

.headsing h2{
    font-size: 35px;
    line-height: 40px;
    font-weight: 700;
    color: #000;
}

.headsing h2 strong, .headsing h2 span {
    color: #0d70b2;
    font-weight: 700;
}

.bortop p {
    margin: 0;
    /* border-top: 4px solid #fb0469; */
    border-top: 4px solid #0f0c53;
    padding: 10px 0 0 0;
    color: #000;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}
.txtlink p {
    margin: 0;
    /* border: 2px solid #fb0469; */
    border: 2px solid #001352;
    border-radius: 50px;
    display: inline-block;
    padding: 1px 1px 1px 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.txtlink p>a {
    color: #fb0469;
}
.agencybox {
    position: relative;
}

.agencybox .agencyimg {
    position: absolute;
    top: 0;
}

.agencybox .agencyb {
    padding: 0 0 0 68px;
}

.agencybox .agencyb h2 {
    font-weight: 700;
    color: #000;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 5px;
}

.agencybox .agencyb p {
    margin: 0;
    color: #696969;
    font-size: 15px;
    line-height: 22px;
}

.agencybox .agencyimg img {
    width: 50px;
}

.agencybox+.agencybox {
    margin-top: 25px;
}

.banner_title .b-review-list, .banner_info .b-review-list {
    display:flex;
    align-items:center;
}
.banner_title .b-review-list .rev-list, .banner_info .b-review-list .rev-list {
    margin-right:10px;
}
.banner_title .b-review, .banner_info .b-review {

    background: #fff;
    padding: 8px;
    border-radius: 9px;
    width: 207px;
}

.clientsec {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}

.clientsec .clientbox {
    flex: 0 0 12.2%;
    max-width: 12.2%;
    background: #fff;
    margin: 1%;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

.clientsec .clientbox img {
    height: 45px;
    object-fit: contain;
}

.whitehead h6, .whitehead h2 {
    color: #fff;
}

.headsing.text-center h6:after {
    left: 60%;
}

.headsing.text-center h6::before {
    left: 65%;
}

.testimonialsec {
    margin-top: 50px;
}

.testimonialbox {
    text-align: center;
}

.testimonialbox .tesimg {
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50px;
    overflow: hidden;
    margin-bottom: 40px;
}

.testimonialbox .tesimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tesinfo p {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}

.tesinfo h2, .tesinfo h2 p {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}

.tesinfo h2 p br {
    display: none;
}

.tesinfo {
    padding: 0 18%;
}

.tesinfo .tes-bot {
    font-size:18px;
    color:#02aab1;
}
.tesinfo .tes-bot span {
    display: block;
    font-size: 14px;
    margin-top: 4px;
    font-weight: 400;
    letter-spacing: 0.3px;
}

.homehiresec {
    background:#EFF3F7 url(../images/h3_choose_shape02.jpg) no-repeat top right !important;
}

.homehiresec .how-help-you__card {
    margin-top: 60px;
}

.homehiresec .how-help-you__card .how-help-you__card-items--border-green {
    background:#2789bc;
    border-color: #000;
}

.homehiresec .how-help-you__card .how-help-you__card-items--border-green .how-help-you__card-heading {
    color: #fff;
}

.homehiresec .how-help-you__card .how-help-you__card-items--border-green .how-help-you__card-heading strong {
    /* color: #fdf897; */
   color:#122131;
}

.homehiresec .how-help-you__card .how-help-you__card-items--border-green a {
    background:#122131;
    color: #fff;
    border-color: #122131;
}
.homehiresec .how-help-you__card .how-help-you__card-items--border-green a:hover {
    background-color:transparent;
    border-color:#fff;
    color:#fff;
}
.homehiresec .how-help-you__card .how-help-you__card-items--border-blue a {
    background:#fff;
    color: #000;
    border-color: #fff;
}
.homehiresec .how-help-you__card .how-help-you__card-items--border-blue a:hover {
    background:transparent;
    color: #fff;
    border-color: #fff;
}

.ivbg {
    background: linear-gradient(to right, #001352, #008397 100%);

}
.homebannersecal.ptb {
    padding:60px 0;
    position: relative;
    overflow: hidden;
}
.homebannersecal .btn-wrapper .btn, .banner-top .banner_title .btn {
    background: #cd3300;
    border-color:#cd3300;
}
.homehiresec .how-help-you__card-items {
    background:#122131;
    border-color:#2789bc;
}

.homehiresec .how-help-you__card-items .how-help-you__card-heading {
    color: #fff;
}

.homehiresec .how-help-you__card-items .how-help-you__card-heading strong {
    /* color: #fb0469; */
   color: #3a9dd0;
}

.homehiresec .how-help-you__card-items p {
    color: #fff;
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.pool-section .bd_technology .pool-box-list {
    overflow: inherit;
}

.pool-section .bd_technology .pool-box-list .tooltip {
    opacity: 1;
}
/* Tooltip text */
.tooltip::after {
    content: attr(tooltip-text);
    position: absolute;
    top: -5px;
    left: 105%;
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s, transform 0.3s;
}

/* Show the tooltip text when hovering */
.tooltip:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Tooltip position variations */
.tooltip.top::after {
    top: auto;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
}

.tooltip.top:hover::after {
    transform: translateX(-50%) translateY(0);
}

#price-tabs {
    display: flex;
    justify-content: center;
    padding-bottom: 50px;
    margin-bottom: 20px;
}
#price-tabs li a {
    margin: 10px;
    width: auto;
    background: transparent;
    border: 1px solid #2789bc;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    cursor: pointer;
    color: #2789bc;
}
#price-tabs li a.active, #price-tabs li a:hover {
    background: #2789bc;
    color: #fff;
    border-color: #2789bc;
}

.container1, .container2{
    display: none;
}

/* IOT */

.bd_textbox1.iottxtox {
    border: 1px solid #DEDEDE !important;
    box-shadow: 0 6px 0px 0 #7E1981 !important;
}
.bd_textbox1.iottxtox::before{
    display: none;
}
.bd_textbox1.iottxtox h2, .bd_textbox1.iottxtox p{
    text-align: left;
}


.intweb {
    background: #fff;
}

.intweb .int-web-row .bd_txtbox {
    padding-right: 110px;
    text-align: right;
}

.intweb .int-web-row [class*="col-"]:nth-child(even) .bd_txtbox {
    padding-left: 110px;
    text-align: left;
}

.intweb .int-web-img {
    height: auto;
    width: 400px;
    top: 0px;
    transform: translateX(-50%);
}

.intweb .int-web-img::before {
    display: none;
}

.intweb .int-web-row [class*="col-"]:nth-child(3) .bd_txtbox {
    margin-top: 105px;
}

.intweb .int-web-row [class*="col-"]:nth-child(4) .bd_txtbox {
    margin-top: 105px;
}

.bd_accservice .card {
    border: solid #0d70b270;
    border-radius: 0.625rem;
    border-width: 1px 1px 0.3125rem;
    background-color: #fff;
    padding: 15px;
}
.bd_accservice .card .card-header {
    padding: 0;
    border: 0;
    background: transparent;
}
.bd_accservice .card .card-header h5 {
    margin: 0;
    line-height: inherit;
}
.bd_accservice .card .card-header button.btn {
    width: 100%;
    background: transparent;
    color: #1b3567 !important;
    border: 0;
    padding: 0 15px 0 0;
    height: auto;
    line-height: normal;
    font-size: 16px;
    line-height: 20px;
    display: block;
    text-align: left;
}
.bd_accservice .accordion_toggle {
    position: relative;
}
.bd_accservice .card .accordion_toggle:after {
    position: absolute;
    font: normal normal normal 14px / 1 FontAwesome;
    content: "\f067";
    top: 3px;
    right: 0;
}
.bd_accservice .card .accordion_toggle.uparow:after {
    content: "\f068";
}
.bd_accservice .card .card-body {
    padding: 0;
    margin-top: 10px;
}