/*
 Theme Name: Astra Child
 Theme URI: https://www.zhaket.com/store/web/nagatheme/
 Description: Astra Child Theme Developed By NagaTheme
 Author: NagaTheme
 Author URI: https://NagaTheme.com
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 text-domain: astra-child
 Template: astra
 Version: 3.6.0
*/


/* = Theme customization starts below here = is Blocked
------------------------------------------------------- */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/Roboto-Regular.woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/Roboto-Bold.woff');
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
input,
textarea,
.gform_body {
    font-family: Roboto !important;
    line-height: 2 !important;
    letter-spacing: 0 !important;
}

html,
body {
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow-x: hidden !important;
}

html {
    font-size: 16px !important;
}

body {
    font-size: 1rem;
}

p {
    /* margin-bottom: 0 !important; */
}

img {
    pointer-events: none;
}

.dev-mr-0 {
    margin: 0 !important;
}

body .site-content {
    padding-top: 100px;
    padding-bottom: 80px;
}

.single-post .site-content,
.single-portfolio .site-content,
.page-id-971 .site-content,
.page-id-970 .site-content,
.page-id-969 .site-content,
.page-id-968 .site-content,
.page-id-235 .site-content,
.page-id-903 .site-content,
.page-id-1028 .site-content,
.page-id-1027 .site-content,
.page-id-1029 .site-content,
.page-id-1030 .site-content,
.page-id-235 .site-content {
    padding-top: 0;
}

/* --------------------- */
a {
    text-decoration: unset !important;
}

/* -------------- global style ---------------- */

.gform_wrapper input[type=text] {
    height: 40px;
}

select.gfield_select {
    height: 40px;
    font-family: 'Roboto';
}

input[type=email],
input[type=number],
input[type=password],
input[type=reset],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    background-color: #F5F8FC !important;
    border: 1px solid #E5EEFF !important;
    border-radius: 10px !important;
    padding: 10px !important;
    font-size: .8rem !important;
    outline: none !important;
}

textarea {
    border-radius: 10px !important;
}

::placeholder {
    color: #9FACBD !important;
}


/* buttons */

.dev-btn a.elementor-size-sm {
    font-size: 1.12rem;
    font-weight: 400 !important;
    border-radius: 100px;
    padding: 1rem 1.5rem;
    transition: all ease .15s;
}

.dev-btn-inline {
    width: auto !important;
    margin: 0 0 10px 1.2rem !important;
}

.dev-btn-inline:last-child {
    margin-left: 0 !important;
}


/* size-xs */

.dev-btn a.elementor-size-xs {
    font-size: 1rem;
    font-weight: 400 !important;
    border-radius: 100px;
    padding: 10px 15px;
    transition: all ease .15s;
}


/* title , description */


.dev-title .elementor-heading-title {
    font-size: 25px;
    font-weight: 600;
    font-family: 'Roboto';
    position: relative;
    color: #22689B;
    z-index: 9;
    display: inline;
}

.dev-title .elementor-heading-title.elementor-size-medium {
    font-size: 20px;
}

.dev-center {
    text-align: center !important;
}

.dev-title.dev-center {
    display: flex;
    justify-content: center;
}

.dev-title-mrgb {
    margin-bottom: 5px !important;
}


/* ----------------- header ----------------- */

.dev-header {
    width: 1170px !important;
    margin: 20px auto 0 !important;
    background-color: #FFF;
    border-radius: 16px;
    box-shadow: 0 5px 30px rgba(5, 62, 255, 0.09);
    right: 0;
    left: 0;
    transition: all ease .3s !important;
}

.dev-site-logo {
    text-align: right;
}

.dev-site-logo img {
    width: 86px !important;
}

.dev-btn-header {
    text-align: left;
}

.dev-btn-header a {
    border-radius: 40px !important;
    padding: 12px 16px 10px;
    font-weight: 400 !important;
    background-color: #053eff !important;
    color: #fff !important;
    box-shadow: 0 5px 20px rgb(5 62 255 / 20%);
}

.dev-header-menu nav a.menu-link:hover::after {
    opacity: 1 !important;
}

html[lang="en-US"] .elementor-nav-menu .sub-arrow {
    padding-right: 0;
    padding-left: 10px;
}

/* gravity form  */

.gform_confirmation_message {
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
    border: none;
    color: #00D665;
}

.ginput_container input:focus,
.ginput_container textarea:focus {
    outline-color: #053eff;
}

.ginput_counter {
    display: none;
}

.gform_footer input[type=submit] {
    color: #000 !important;
    font-size: 18px;
    font-weight: 400 !important;
    padding: 7px 56px;
    background-color: #FFBA08 !important;
    box-shadow: 0 5px 15px rgb(255 186 8 / 30%);
    text-align: center !important;
    border-radius: 100px;
    margin-top: 30px !important;
    margin: 0 !important;
    transition: all ease .15s;
    cursor: pointer;
    outline: none;
}

.gform_footer input[type=submit]:hover {
    background-color: #FFBA08 !important;
    box-shadow: 0 5px 20px rgb(255 186 8 / 40%);
}

.gform_footer input[type="submit"] {
    width: auto !important;
}

body .gform_wrapper .top_label div.ginput_container,
.ginput_container.ginput_container_textarea {
    margin: 0 !important;
}

.gfield .gfield_description {
    display: inline;
    padding: 10px !important;
    color: #757A86;
    font-size: .75rem;
}

.gform_wrapper legend.gfield_label,
.gform_wrapper label.gfield_label {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #191919;
    margin-bottom: 15px;
}

#gfield_upload_rules_1_2 {
    display: none;
}

body.rtl .gform_wrapper .gform_drop_area {
    background-color: #FFF !important;
    border: 1px solid #E5EEFF !important;
    border-radius: 16px !important;
    padding: 35px 0 !important;
    font-size: .8rem;
    outline: none;
    text-align: center !important;
    height: 160px;
    margin: 0 !important;
}

body.rtl .gform_wrapper .gform_drop_area span.gform_drop_instructions {
    text-align: center !important;
    color: #757A86;
}

.gform_wrapper.gf_browser_chrome input.button.gform_button_select_files {
    background-color: #E5EEFF;
    color: #191919;
    font-size: 15px;
    border-radius: 5px;
    padding: 8px 18px !important;
    transition: all ease .3s;
}

.gform_wrapper.gf_browser_chrome input.button.gform_button_select_files:hover {
    background-color: #becff0;
}


/* Gravity form checkbox and option  */

.gfield_radio input[type="radio"],
.gfield_checkbox input[type="checkbox"] {
    -moz-appearance: none;
    display: inline-block;
    position: relative;
    color: #666;
    height: 24px;
    width: 24px !important;
    border: 0;
    cursor: pointer;
    margin-right: 7px;
    outline: none;
    margin-top: 0 !important;
}

.gfield_radio input[type="radio"] {
    border-radius: 50px;
}

.gfield_checkbox input[type="checkbox"] {
    border-radius: 3px;
}

.gfield_radio input[type="radio"]:checked,
.gfield_checkbox input[type="checkbox"]:checked {
    background-color: #053eff;
}

.gfield_radio li label,
.gfield_checkbox li label {
    font-size: 14px !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
}

.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li {
    margin: 0 0 7px;
}


/* Gravity form Massage and errors */

div.gform_confirmation_wrapper {
    min-height: 200px;
    margin-top: 30px;
}

div#gform_confirmation_wrapper_1 {
    min-height: 516px;
}

div.gform_confirmation_message {
    height: 70px;
    border-radius: 10px;
    border: none;
    background: #1ed76020;
    font-size: 16px;
    font-weight: 400;
}

.gform_wrapper li.gfield.gfield_error {
    background: transparent !important;
    border: none !important;
}

.validation_message {
    color: red !important;
    font-weight: normal !important;
    padding: 10px 0 0 0 !important;
}

.gform_wrapper div.validation_error {
    color: #d50000;
    border: none !important;
    background: rgba(255, 0, 0, 0.05);
    border-radius: 5px;
    padding: 15px 10px;
    font-family: 'Roboto';
    font-weight: normal;
    margin: 0 !important;
}

.gform_wrapper .gfield_error .gfield_label {
    color: #191919 !important;
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
    background-color: transparent !important;
    border: none !important;
    font-size: 13px !important;
}

.gform_wrapper .gfield_required {
    color: #FF1654 !important;
}

div.gform_confirmation_wrapper {
    min-height: 200px;
    margin-top: 30px;
}

.gform_wrapper form .gform_footer.top_label {
    text-align: center !important;
}

.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li {
    margin: 0px 0 8px;
}

body .gform_wrapper ul li.gfield {
    margin-top: 25px !important;
}

html[dir=rtl] .gform_wrapper span.ginput_left,
html[dir=rtl] .gform_wrapper ul.gform_fields li.gfield {
    padding-left: 20px !important;
}


/* -------- End Gravity Forms -------- */

/* end home page 768 */




/* --------  */

.dev-support-online {
    display: flex;
    align-items: center;
}

.dev-so-title {
    font-size: 12px;
    color: #0055FF;
}

.dev-so-number {
    font-size: 16px;
    text-align: left;
    color: #2B2D42;
}

.dev-col-1 {
    padding-left: 14px;
}

/* --------  */

.dev-main-header {
    z-index: 99;
}

.dev-main-header .elementor-nav-menu .menu-item .elementor-item.menu-link {
    padding: 0 20px !important;
    border-right: dashed 1px;
    color: #fff;
    font-weight: 400;
}

.elementor-nav-menu__align-justify .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li {
    flex-grow: unset;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item:last-child .elementor-item.menu-link {
    border: none;
}


/* --------  */

.dev-support-online {
    display: flex;
    align-items: center;
}

.dev-so-title {
    font-size: 12px;
    color: #A8BAC8;
}

.dev-so-number {
    font-size: 16px;
    text-align: left;
    color: #ffffff;
}

.dev-col-1 {
    padding-left: 14px;
    margin-top: 9px;
    text-align: center;
}


/* --------  */

.dev-so-avatar img {
    border-radius: 50px;
    width: 60px;
    height: 60px;
}

.dev-so-avatar::before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #0FDF4E;
    border: solid 3px #fff;
    position: absolute;
    border-radius: 20px;
    bottom: 2px;
    right: 4px;
}

.dev-so-avatar {
    position: relative;
}

.dev-main-header .elementor-nav-menu--main .elementor-nav-menu .menu-item:first-child .elementor-item.menu-link:before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    background: transparent;
    background-image: url('https://asr.rangino.co/wp-content/themes/astra-child/assets/img/list.svg');
    background-repeat: no-repeat;
    left: 0;
    top: 3px;
}

.elementor-nav-menu--dropdown {
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10);
    margin-top: 15px !important;
    overflow: hidden;
}

.elementor-nav-menu--dropdown .elementor-sub-item.menu-link:hover {
    background: #22689B;
    color: #fff;
}

.dev-main-header {
    background: linear-gradient(to bottom, #22689b, #014B81);
}

.dev-main-header .elementor-container::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 40px;
    background: linear-gradient(to left, transparent, #22689B, transparent);
    opacity: .3;
    bottom: -20px;
    z-index: -1;
    filter: blur(7px);
}

body.home .elementor-location-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

body.home .elementor-location-header .dev-main-header {
    background: none;
}

body.home .dev-main-header .elementor-container::after {
    display: none;
}

body.home .site-content {
    padding-top: 0;
}

.dev-slider .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0;
}

/* services  */
.dev-list-icon ul {
    margin-left: 0;
}

.dev-list-icon li {
    position: relative;
    padding-left: 30px;
    color: #5D6A74;
}

.dev-list-icon li::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #21689B;
    border: 4px solid #D2E1EB;
    border-radius: 100px;
    left: 0;
    top: 6px;
}

.dev-list-icon li::marker {
    font-size: 0;
}


/* portfolios  */
.dev-portfolio .elementor-post.portfolio {
    /* border: 2px solid red; */
    border-radius: 20px;
    box-shadow: 0 5px 20px rgba(5 62 255 / 10%);
}

.dev-portfolio .elementor-post__text {
    padding: 10px 20px 40px;
}

.dev-portfolio .elementor-post__title a {
    font-size: 16px;
    color: #22689B !important;
}

.dev-portfolio h3.elementor-post__title {
    transform: translate(-20px, -78px);
    background-color: #FFF;
    /* display: inline-block; */
    padding: 10px 10px 10px 30px;
    position: relative;
    display: inline-flex;
    align-items: center;
}


.dev-portfolio h3.elementor-post__title::after {
    content: '';
    position: absolute;
    width: 94px;
    height: 50px;
    background: url(/wp-content/uploads/2022/06/shpe-portfilio-title.svg);
    right: -90px;
    transform: scaleX(-1);
    top: 0;
}

.dev-portfolio h3.elementor-post__title::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #21689B;
    border: 4px solid #D2E1EB;
    border-radius: 100px;
    left: 6px;
}

.dev-portfolio a.elementor-post__read-more {
    color: #2B2D42 !important;
    background-color: #FFBA08;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 5px 20px;
    border-radius: 100px;
}


.dev-portfolio .elementor-post__excerpt {
    margin: -60px 0 20px !important;
}

.elementor-pagination .page-numbers:not(.next):not(.prev) {
    border: 2px solid #9FACBD;
    border-radius: 100px;
    margin-left: 8px !important;
    font-size: 18px;
    width: 32px !important;
    height: 32px !important;
    color: #9FACBD;
    font-weight: 600 !important;
    display: inline-block;
    line-height: inherit;
    box-sizing: unset !important;
}

.elementor-pagination span.page-numbers.current,
.elementor-pagination .page-numbers:not(.next):not(.prev):hover {
    background-color: #22689B;
    color: #FFF !important;
    border-color: #22689B !important;
}

/* portfolio gallery  */
.dev-portfolio-gallery .bdt-ep-grid-filters li.bdt-ep-grid-filter {
    font-size: 14px;
    color: #000;
    border-bottom: unset !important;
    padding: 5px 10px !important;
}

.dev-portfolio-gallery li.bdt-ep-grid-filter.bdt-active {
    background-color: #FFBA08;
    border-radius: 5px;
}

.dev-portfolio-gallery .bdt-ep-grid-filter-container.bdt-grid .bdt-gallery-item {
    border-radius: 20px;
    box-shadow: 0 5px 20px rgba(5 62 255 / 10%);
    padding: 0 !important;
    overflow: hidden;
}

.dev-portfolio-gallery .bdt-portfolio-inner.bdt-scrollspy-inview {
    box-shadow: unset !important;
}

.dev-portfolio-gallery .bdt-portfolio-desc {
    text-align: left !important;
    padding: 30px 20px 10px !important;
}

.dev-portfolio-gallery .bdt-portfolio-excerpt {
    color: #5D6A74;
    font-size: 14px;
}

.dev-portfolio-gallery .bdt-portfolio-desc .bdt-gallery-item-title {
    transform: translate(0, -10px);
    background-color: #FFF;
    margin: 0 -20px 0 !important;
    padding: 7px 10px 7px 40px;
    color: #22689B !important;
    font-size: 16px !important;
    display: inline-flex;
    align-items: center;
}

.dev-portfolio-gallery .bdt-portfolio-desc .bdt-gallery-item-title::after {
    content: '';
    position: absolute;
    width: 94px;
    height: 50px;
    background: url(/wp-content/uploads/2022/06/shpe-portfilio-title.svg);
    right: -90px;
    top: 0;
    transform: scaleX(-1);
}

.dev-portfolio-gallery .bdt-portfolio-desc .bdt-gallery-item-title::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #21689B;
    border: 4px solid #D2E1EB;
    border-radius: 100px;
    left: 10px;
}

.dev-portfolio-gallery .bdt-pagination li a {
    border-radius: 100px !important;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px !important;
    border: 3px solid #BCD1E1;
}

.dev-portfolio-gallery .bdt-pagination li.bdt-active a {
    background-color: #22689B !important;
    border-color: #22689B;
}

.dev-portfolio-gallery .ep-pagination {
    margin-top: 70px;
}

.bdt-portfolio-gallery.bdt-portfolio-gallery-skin-default .bdt-portfolio-content-inner:before, .bdt-portfolio-gallery.bdt-portfolio-gallery-skin-default .bdt-portfolio-content-inner:after {
    display: none;
}


/* -------------- */

nav.elementor-pagination {
    margin-top: 80px;
}

.dev-g-right::before {
    content: '';
    background: linear-gradient(45deg, transparent 50%, #B2E8F3);
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.dev-g-left::before {
    content: '';
    background: linear-gradient(45deg, #B2E8F3, transparent 50%);
    width: 100%;
    height: 60%;
    position: absolute;
    left: 0;
    top: 135px;
    bottom: 0;
}

/* contact  */
.dev-icons-box-contact .elementor-container {
    box-shadow: 0 7px 25px rgb(0 0 0 / 5%);
    border-radius: 16px;
}

.dev-icons-box-contact .elementor-widget.elementor-list-item-link-full_width a {
    flex-direction: row-reverse;
    justify-content: center;
}

.dev-icons-box-contact .elementor-widget-icon-list li.elementor-icon-list-item {
    justify-content: center;
}


textarea {
    resize: none;
}

textarea {
    height: 200px !important;
}

/* single portfolio */

.dev-hero-portfolio::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 500px;
    background: url('/wp-content/themes/astra-child/images/layer-hero.svg') no-repeat center;
    background-size: cover;
    bottom: -6px;
}

.dev-content-portfolio .elementor-container {
    padding: 45px 50px;
    box-shadow: 0 7px 20px rgb(5 62 255 / 10%);
    border-radius: 16px;
    font-size: 16px;
    background-color: #FFF;
}

.dev-content-portfolio .elementor-container::after {
    content: '';
    position: absolute;
    width: 208px;
    height: 208px;
    background: url('/wp-content/themes/astra-child/images/lamp.svg') no-repeat;
    bottom: -110px;
    left: -110px;
    z-index: -1;
}

.dev-content-portfolio h2 {
    font-size: 22px;
    font-weight: 600;
}

.dev-content-portfolio h3 {
    font-size: 20px;
    font-weight: 600;
}

.dev-content-portfolio h4 {
    font-size: 18px;
    font-weight: 600;
}

.dev-content-portfolio h5 {
    font-size: 17px;
    font-weight: 600;
}

.dev-content-portfolio h6 {
    font-size: 16px;
    font-weight: 600;
}



/* certificates  */
.dev-certificates figure.swiper-slide-inner {
    background: linear-gradient(0deg, #B8D9EC, #E1EFF6);
    padding: 20px;
    border-radius: 16px;
}

.dev-certificates .swiper-slide {
    /* margin: 0 10px; */
}

.dev-certificates figcaption.elementor-image-carousel-caption {
    margin-top: 20px;
}

.dev-title-line {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.dev-title-line .elementor-heading-title {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.dev-title-line .elementor-heading-title::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    background-color: #E6F8FB;
    z-index: -1;
}

.dev-sidebar .elementor-nav-menu--dropdown {
    box-shadow: unset;
    padding: 0;
    background-color: transparent;
}

.dev-sidebar .elementor-nav-menu .menu-item .elementor-item.menu-link {
    border: unset !important;
    padding: 5px !important;
    font-weight: 400 !important;
}

.dev-sidebar .elementor-nav-menu--dropdown .elementor-item {
    background-color: transparent !important;
}

.dev-sidebar .dev-so-number {
    color: #22689B;
}

button.bdt-offcanvas-close.bdt-icon.bdt-close {
    z-index: 9999;
}

/* footer  */

.dev-footer-yellow.elementor-column::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 100%;
    background: url(/wp-content/themes/astra-child/images/yellow-shape-footer.svg) no-repeat;
    top: 0;
    left: -200px;
    transform: scaleX(-1);
}

.dev-footer .elementor-container {
    height: 330px;
    justify-content: space-between;
}

.dev-footer-yellow, .dev-footer-blue {
    height: 100%;
}

.dev-footer-blue.elementor-column::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 100%;
    background: url(/wp-content/themes/astra-child/images/blue-shape-footer.svg) no-repeat;
    top: 0;
    right: -215px;
    transform: scaleX(-1);
}

.dev-footer-blue>.elementor-widget-wrap::before {
    content: '';
    background: #22689B;
    position: absolute;
    width: 50vw;
    height: 330px;
    right: 360px;
    top: 0;
}

.dev-footer-yellow>.elementor-widget-wrap::after {
    content: '';
    background: #FFBA08;
    position: absolute;
    width: 50vw;
    height: 330px;
    top: 0;
    left: 518px;
}

.dev-footer-yellow-inner-sec>.elementor-container {
    margin: 0 -90px;
}

.dev-footer-yellow-inner-sec .elementor-column.elementor-element-6b95fee .elementor-widget-wrap {
    /* margin: 0 -60px 0 0; */
    width: 135%;
}

.dev-footer-blue-inner-sec .elementor-widget-text-editor .elementor-widget-container {
    width: 140%;
    text-align: justify;
}

#dev-call-popup .gform_wrapper {
    padding: 0 15px;
}

#dev-call-popup .gfield_required_text {
    display: none !important;
}

#dev-call-popup .gform_wrapper input[type=text] {
    height: 50px;
}

#dev-call-popup .gchoice {
    background-color: #FFF !important;
    border: 1px solid #E5EEFF !important;
    border-radius: 15px !important;
    padding: 10px !important;
    font-size: .8rem !important;
    outline: none !important;
    box-shadow: 0 5px 30px rgb(5 62 255 / 9%);
    margin-bottom: 10px;
    color: #757A86;
}

#dev-call-popup .gchoice label {
    margin-right: 5px;
}

#dev-call-popup .gform_wrapper form .gform_footer.top_label {
    margin: 0;
}

#dev-call-popup a.dev-wrapper-call-popup {
    color: #757A86;
    text-align: center;
    font-size: 14px;
}

#dev-call-popup .elementor-widget-html {
    text-align: center;
}

#dev-call-popup span.dev-btn-call-popup {
    color: #00D665;
    padding-right: 3px;
    border-radius: 25px;
    letter-spacing: 0.5px;
}

#dev-call-popup .gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
    padding: 10px 0;
}

.dev-package-btn {
    z-index: 2;
}

.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-item.highlighted,
.elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-sub-item.elementor-item-active,
.elementor-sub-item.highlighted,
.elementor-sub-item:focus,
.elementor-sub-item:hover {
    background-color: #F2F6FF;
    color: #494c4f;
}

.bdt-offcanvas-close:focus {
    background: white;
    color: #053EFF;
}

.mc4wp-alert.mc4wp-success {
    color: #b9c9ff;
    margin-top: 5px;
    font-size: 13px;
}


/* New */

.dev-title .elementor-heading-title::before {
    content: '';
    width: 100%;
    height: 4px;
    background-color: #ffba08;
    position: absolute;
    bottom: -10px;
    border-radius: 10px;
}

/* .dev-title .elementor-heading-title::after {
    content: '';
    width: 7%;
    height: 4px;
    background-color: #ffba08;
    position: absolute;
    bottom: -10px;
    border-radius: 10px;
    right: 10%;
} */

.dev-btn-icon .elementor-button-link {
    background-color: transparent;
    border: solid 1px transparent;
}

.dev-btn-icon .elementor-button-link:hover {
    background-color: transparent;
    border: solid 1px #eee;
}

.dev-btn-icon .elementor-button-icon {
    transform: translateY(2px);
}

.dev-service-item .bdt-ep-advanced-icon-box-readmore:hover {
    background-color: #edab00 !important;
}

.dev-certificate-slider figure.swiper-slide-inner img {
    border: solid 1px #B8D9EC;
    box-shadow: 0px 5px 10px 0px rgb(5 63 255 / 10%);
    margin-bottom: 20px;
}

.dev-certificate-slider .swiper-container {
    width: 100% !important;
}

.dev-certificate-slider .elementor-swiper-button-prev {
    left: -30px;
    color: #22689B;
}

.dev-certificate-slider .elementor-swiper-button-next {
    right: -30px;
    color: #22689B;
}

.elementor-slides-wrapper::before {
    /* content: ''; */
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 5;
    top: 0;
    left: 0;
    opacity: 0.5;
}

span.swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background-color: #fff;
    opacity: 0.5;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 33px;
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    opacity: 1;
}

.dev-service-item .elementor-widget-container:hover,
.dev-box-hover .bdt-item {
    transition: all 0.3s ease !important;
}

.dev-service-item .elementor-widget-container:hover,
.dev-box-hover .bdt-item:hover {
    box-shadow: 0px 7px 30px 0px rgb(0 0 0 / 10%) !important;
}

.dev-sec-portfolio .bdt-gallery-thumbnail img {
    height: 450px;
    border-radius: 15px !important;
}

.dev-sec-portfolio .bdt-portfolio-carousel .bdt-portfolio-inner::before {
    height: 30% !important;
    background: linear-gradient(to bottom, transparent 0, #22689B 100%) !important;
    border-radius: 0 0 15px 15px !important;
}

.dev-sec-portfolio .bdt-portfolio-carousel .bdt-portfolio-inner:hover::before {
    height: 100%;
}

.dev-sec-portfolio .bdt-portfolio-carousel .bdt-gallery-item .bdt-portfolio-desc {
    opacity: 1;
}

.dev-sec-portfolio .swiper-container {
    overflow: visible !important;
}

.dev-sec-portfolio .bdt-position-top-center,
.bdt-position-bottom-center {
    right: calc(50% - 35px);
}

.dev-sec-portfolio::after {
    content: '';
    width: 100%;
    height: 72px;
    position: absolute;
    bottom: -8px;
    background-image: url('https://asr.rangino.co/wp-content/themes/astra-child/assets/img/svg-theme.svg');
    background-size: cover;
}

.dev-sec-portfolio::before {
    content: '';
    width: 100%;
    height: 72px;
    position: absolute;
    right: 0;
    transform: rotate(-180deg);
    top: -8px;
    background-image: url(https://asr.rangino.co/wp-content/themes/astra-child/assets/img/svg-theme.svg);
    background-size: cover;
}

.dev-sec-portfolio span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FFBA08;
    width: 20px !important;
}

.dev-sec-portfolio .bdt-dots-container {
    transform: translateY(40px) !important;
}

.bdt-portfolio-carousel.bdt-portfolio-carousel-skin-abetis .bdt-gallery-item:hover .bdt-portfolio-inner:before {
    height: 70% !important;
}

.bdt-portfolio-carousel .bdt-gallery-item .bdt-gallery-item-title {
    font-weight: 400 !important;
}

.elementor-nav-menu__align-justify .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li {
    flex-grow: unset;
}

.elementor-nav-menu--main .elementor-nav-menu .menu-item:last-child .elementor-item.menu-link {
    border: none;
}

.dev-footer .elementor-widget-nav-menu a.menu-link {
    padding-left: 20px !important;
    align-items: center;
}

.dev-footer .elementor-widget-nav-menu li:hover a.menu-link {
    padding-left: 25px !important;
}

.dev-footer .elementor-widget-nav-menu a.menu-link::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 6px;
    background-color: #2B2D42 !important;
    border-radius: 100px;
    left: 0 !important;
    opacity: 1 !important;
}

p.gform_required_legend {
    display: none;
}

@media (max-width:1024px) {
    .dev-content-portfolio {
        margin-right: 50px;
        margin-left: 50px;
    }

    /* .dev-footer-yellow-inner-sec>.elementor-container {
        margin: 0 -90px 0 -40px;
    } */


    .dev-icons-box-contact .elementor-container {
        margin: 0 15px;
    }

    .dev-sec-portfolio::before {
        top: -20px;
    }

    .dev-sec-portfolio::after {
        bottom: -20px;
    }

    /* for footer  */
    .dev-footer-blue>.elementor-widget-wrap::before,
    .dev-footer-yellow>.elementor-widget-wrap::after {
        display: none;
    }

    .dev-footer .dev-footer-blue, .dev-footer .dev-footer-yellow {
        width: 100% !important;
    }

    .dev-footer .elementor-element-3ef51ac {
        display: none;
    }

    .dev-footer-blue-inner-sec .elementor-widget-text-editor .elementor-widget-container {
        width: 100%;
    }

    .dev-footer-yellow-inner-sec .elementor-column.elementor-element-6b95fee .elementor-widget-wrap {
        margin: 0 !important;
        width: 100%;
    }

    .dev-footer .elementor-container {
        height: 100%;
        margin: 0 !important;
    }
}

/* @media (min-width:1023px) and (max-width:1024px) {
    .dev-footer .dev-footer-blue {
        width: 26% !important;
    }
} */

@media (min-width:768px) {
    p.ast-grid-common-col.ast-width-lg-33.ast-width-md-4.ast-float {
        width: 50% !important;
    }
}

@media (max-width:768px) {
    html {
        font-size: 14px !important;
    }


    .dev-sec-portfolio::before {
        top: -32px;
    }

    .dev-sec-portfolio::after {
        bottom: -32px;
    }

    /* mobile filter  portfolio  */
    .dev-portfolio-gallery .bdt-ep-grid-filters-wrapper .bdt-dropdown {
        display: block;
        width: 100vw;
        right: 0px !important;
        top: -30px !important;
        z-index: 50 !important;
        background-color: #FFF;
        padding: 0;
    }

    .dev-portfolio-gallery .bdt-ep-grid-filters-wrapper button.bdt-button {
        display: none;
    }

    .dev-portfolio-gallery .bdt-ep-grid-filters-wrapper {
        margin-bottom: 20px !important;
    }

    .dev-portfolio-gallery .bdt-nav.bdt-dropdown-nav {
        display: flex;
        overflow-x: scroll;
        margin: 0 20px;
    }

    .dev-portfolio-gallery .bdt-nav.bdt-dropdown-nav li {
        color: #000;
        font-size: 12px;
        border-radius: 8px;
        margin: 0 5px 15px;
        padding: 5px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        white-space: nowrap;
    }

    .dev-portfolio-gallery .bdt-nav.bdt-dropdown-nav li.bdt-active {
        background-color: #FFBA08;
    }

    /* ------ */

}

@media (max-width:767px) {
    .dev-content-portfolio {
        margin-right: 20px;
        margin-left: 20px;
    }

    .dev-content-portfolio .elementor-container {
        padding: 25px 15px;
        font-size: 14px;
    }

    .dev-content-portfolio .elementor-container::after {
        transform: scale(.7);
        bottom: -80px;
        left: -100px;
    }

    .ast-comment-content.comment p {
        padding: 10px 0 !important;
    }

    .ast-float {
        float: unset;
    }
}

@media (max-width:767px) {
    .dev-wrapper-btn a {
        padding: 12px 20px;
    }

    .dev-g-left::before, .dev-g-right::before {
        display: none;
    }

    .dev-sec-portfolio::before, .dev-sec-portfolio::after {
        display: none;
    }
}

.tablepress .sorting:before {
    content: "\f0dc";
    left: 10px;
}

.mkh-table .tablepress {
    border-radius: 10px;
    overflow: hidden;
}

.tablepress .sorting:before, .tablepress .sorting_asc:before, .tablepress .sorting_desc:before {
    color: #012542;
}

.dataTables_paginate {
    background-color: #004B85;
    padding: 7px 40px !important;
    border-radius: 30px;
    margin-top: 20px;
}


.dataTables_paginate a {
    color: #fff !important;
}

.paginate_button.disabled {
    color: #001e35 !important;
}

.dataTables_paginate a:hover:after, .dataTables_paginate a:hover:before {
    color: #FFDC00;
}

.dataTables_paginate a:hover {
    color: #FFDC00 !important;
}

.paginate_button.disabled:hover, .paginate_button.disabled:before, .paginate_button.disabled:after {
    color: #001e35 !important;
    text-shadow: none !important;
}

.dataTables_wrapper {
    text-align: center !important;
    align-items: center !important;
    display: flex;
    flex-direction: column;
}

.paginate_button:after, .paginate_button:before {
    color: #fff;
    text-shadow: none !important;
}

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

.jupiterx-content h3 {
    font-size: 1.4rem;
    font-weight: bold;
}

.jupiterx-content h2 {
    font-size: 1.6rem;
    font-weight: bold;
}

.bdt-main-heading-inner {
    font-size: 28px !important;
}

.elementor-text-editor table {
    direction: ltr;
}

.elementor-text-editor table td {
    text-align: center;
    border: solid 1px #f0f0f0;
    line-height: 2;
}

.elementor-text-editor table p {
    margin: 0;
}

/* blog  */
/* post carousel   */
.dev-post-carousel .bdt-ep-carousel-item {
    border-radius: 10px;
    box-shadow: 0 7px 15px rgb(5 62 255 / 10%) !important;
    overflow: hidden;
    transition: all ease .3s;
}

.dev-post-carousel .bdt-ep-carousel-item:hover {
    box-shadow: 0 7px 25px rgb(5 62 255 / 20%) !important;
}

.dev-post-carousel .swiper-container {
    padding: 40px 18px 50px !important;
    margin: 0 -25px !important;
}

.dev-post-carousel .bdt-ep-carousel-thumbnail a img {
    width: calc(100% - 20px) !important;
    height: calc(100% - 20px) !important;
    border-radius: 10px;
}

.dev-post-carousel .bdt-ep-carousel-title a {
    color: #2B2D42;
    font-size: 15px;
    font-weight: 600;
}

.dev-post-carousel .bdt-ep-carousel-item .bdt-ep-carousel-desc {
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
}

.dev-post-carousel .bdt-ep-carousel-meta {
    display: flex !important;
    justify-content: space-between;
    order: 1;
}

.dev-post-carousel .bdt-ep-carousel-title {
    order: 2;
    text-align: center;
}

.dev-post-carousel .bdt-subnav span:after {
    display: none;
}

.dev-post-carousel .pc-category a, .dev-post-carousel span.pc-date span {
    color: #738898;
    font-size: 10px !important;
}

.dev-post-carousel span.pc-category, .dev-post-carousel span.pc-date {
    padding-left: 32px;
    display: flex;
    align-items: center;
}

.dev-post-carousel span.pc-category::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    right: 14px;
    background: url(/wp-content/themes/astra-child/images/cat-icon.svg) no-repeat;
    left: 12px;
}


.dev-post-carousel span.pc-date::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    right: 15px;
    background: url(/wp-content/themes/astra-child/images/icon-clock.svg) no-repeat;
    left: 12px;
}


/* card posts element  */
.dev-card-posts article.elementor-post {
    border-radius: 10px;
    box-shadow: 0 7px 30px rgb(5 62 255 / 10%);
    overflow: hidden;
}

.dev-card-posts article.elementor-post:hover {
    box-shadow: 0 7px 30px rgb(5 62 255 / 20%);
}

.dev-card-posts .elementor-post__thumbnail {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 7px 25px rgb(5 62 255 /10%);
}


.dev-card-posts a.elementor-post__thumbnail__link {
    padding: 12px;
    order: 1;
    margin-bottom: 12px;
}

.dev-card-posts .elementor-post__text {
    padding: 0 12px !important;
    order: 4;
    text-align: center;
}

.dev-card-posts .elementor-post__text h3.elementor-post__title a {
    color: #212529;
    font-size: 15px;
    font-weight: 600;
}

.dev-card-posts .elementor-post__meta-data {
    font-size: 10px !important;
    color: #738898 !important;
    border-top: unset !important;
    padding: 0 15px 0 0 !important;
    order: 3;
    text-align: right;
    margin-top: -12px !important;
}

.dev-card-posts .elementor-post__card .elementor-post__badge {
    order: 2;
    display: inline-block;
    inset: unset !important;
    margin: 0 !important;
    color: #A8BAC8;
    background-color: transparent;
    padding: 0 0 0 32px;
    font-size: 10px;
    width: 50%;
    position: relative;
}

.dev-card-posts .elementor-post__card .elementor-post__badge::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    left: 14px;
    top: -2px;
    background: url(/wp-content/themes/astra-child/images/cat-icon.svg) no-repeat;
}

.dev-card-posts .elementor-post__card span.elementor-post-date::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    left: -20px;
    top: 1px;
    background: url(/wp-content/themes/astra-child/images/icon-clock.svg) no-repeat;
}

.dev-card-posts .elementor-post__meta-data span.elementor-post-date {
    position: relative;
}

nav.elementor-pagination {
    margin-top: 80px;
}

.page-numbers {
    font-family: 'Roboto' !important;
}


.elementor-pagination .page-numbers.prev, .elementor-pagination .page-numbers.next {
    background-color: transparent;
    font-size: 16px;
}

/* blog --------  */
h3.gsection_title {
    margin: 20px 0 0;
    font-size: 20px;
    color: #22689B;
}

.gfield {
    margin-bottom: 15px !important;
}

/* single post  */
.single-post .dev-content-portfolio .elementor-container::after {
    display: none;
}

.comments-area {
    display: flex;
    flex-direction: column;
}

.comments-area .comment-respond {
    order: 1;
    margin-bottom: 50px;
}

.comments-area .ast-comment-list {
    order: 3;
}

.comments-area .comments-count-wrapper {
    order: 2;
    margin-top: 40px;
}

.ast-comment-list .ast-comment {
    margin: 25px 0;
    padding: 30px 25px;
    border: unset !important;
    border-radius: 10px;
    box-shadow: 0 7px 25px rgba(5 62 255 /10%);
}

header.ast-comment-meta {
    color: #000;
    font-size: 15px;
    margin-bottom: 0;
}

.ast-comment-meta .timendate a {
    color: #757A86;
    font-size: 13px;
}

.ast-comment-content.comment p {
    margin: 0;
    padding: 0 70px 0 30px;
}

.ast-comment-avatar-wrap img {
    border-radius: 5px;
}

.ast-comment-edit-reply-wrap .ast-reply-link a {
    color: #757A86;
    padding: 0 20px;
    font-size: 12px;
    font-weight: bold;
}

.comment-respond .form-submit input[type="submit"] {
    background-color: #0849BE !important;
    border-radius: 100px !important;
    box-shadow: 0 5px 15px rgb(8 73 190 /30%);
    font-size: 18px;
    font-weight: bold !important;
    transition: all ease .3s;
    padding: 8px 20px !important;
    width: 190px;
    height: 50px;
}

.ast-comment-info {
    display: flex;
}

h3.comments-title {
    font-size: 21px;
    padding: 10px 0;
}

section.ast-comment-content.comment {
    font-size: 14px;
}

p.comment-form-url {
    display: none;
}

.ast-comment-cite-wrap a {
    color: #000 !important;
}

.button.gform_button_select_files {
    color: #000 !important;
    font-size: 14px;
    border-radius: 5px;
    background-color: #FFBA08;
    transition: all ease .3s;
}

.button.gform_button_select_files:hover {
    background-color: #EDAB00;
}

.gform_fileupload_rules {
    font-size: 12px !important;
    color: #7D878F;
    margin-top: 0;
}

.dev-gf-Iaccept label {
    margin-top: -5px;
    width: calc(100% - 40px);
    font-size: 13px !important;
}

.dev-gf-Iaccept .gchoice {
    display: flex;
}

.dev-gf-Iaccept input.gfield-choice-input {
    margin: 0 5px 0 0 !important;
}

.dev-service-hero::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 500px;
    background: url(/wp-content/themes/astra-child/images/layer-hero.svg) no-repeat center;
    background-size: cover;
    bottom: -6px;
}

.dev-service-hero .elementor-heading-title {
    text-shadow: 0px 3px 6px rgba(0,0,0,.5);
}
.dev-portfolio-gallery .bdt-ep-grid-filter-container.bdt-grid .bdt-gallery-item {
    height: 100%;
}

.dev-portfolio-gallery .bdt-portfolio-excerpt {
    text-align: justify;
}
.entry-content p {
    margin-bottom: 0.5rem;
}