/* ---------------------------------------------------------------------
                         General CSS Starts Here 
---------------------------------------------------------------------*/

.sub-bg {
    background-color: transparent;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.main-bg {
    background-color: transparent;
}
.main-bg.loaded .ScrollSmoother-wrapper {
    z-index: 9999;
}
.sec-lg-head .dot-titl.colorbg-3:before,
.sec-lg-head .dot-titl.colorbg-3:after {
    background-color: transparent;
}
.main_header_menu .nav-item .nav-link {
    padding: 6px 12px;
    margin: 20px 15px;
    display: inline-flex;
    border-radius: 4px;
}
.main_header_menu .nav-item.show .nav-link {
    background: #e7e7e7;
    color: black;
}
.main-bg {
    overflow: hidden;
}
.main_footer .footer-container {
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}
.main_footer .social-text li {
    display: flex;
    align-items: baseline;
    gap: 8px;
}
.section-padding {
    padding: 100px 0;
}
.section-padding.pb-0
{
    padding-bottom: 0;
} 

.main_footer h6
{
    text-transform: capitalize;
}


.main_header.nav-scroll
{
    padding: 15px 0 !important;
}
.accordion .title .ico:after
{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #999;
}
.accordion .active .title .ico:after
{
    display: none;
}
.main_header .icon-img-100
{
    width: auto;
}


@media(width >= 1200px)
{
    .mb-xl-0
    {
        margin-bottom: 0 !important;
    }
}
@media(width >= 992px)
{
    .mt-lg-0
    {
        margin-top: 0 !important;
    }
    .mb-lg-0
    {
        margin-bottom: 0 !important;
    }
}
@media(width < 1200px)
{
    .main_header .icon-img-100
    {
        max-width: max-content !important;
    }
    .main_header .icon-img-100 img
    {
        width: 200px;
    }
    .main_header_menu .nav-item .nav-link
    {
        margin: 20px 4px;
    }
    .main_header_menu .nav-item .nav-link
    {
        border-bottom: 0 !important;
    }
    .main_header_menu
    {
        border-top: 0 !important;
        margin-top: 0 !important;
    }
}
@media(width <= 991.98px)
{
    .main_header_menu .nav-item .nav-link
    {
        width: 100%;
    }
    .section-padding {
        padding: 100px 0 !important;
    }
    .section-padding.pb-0
    {
        padding-bottom: 0 !important;
    }
    .section-padding.pt-0
    {
        padding-top: 0 !important;
    } 
    .main_header_menu .nav-item .nav-link
    {
        margin: 12px 0px 0px 0px !important;
    }
}

@media (width <= 575.98px) {
    .section-padding {
        padding: 80px 0 !important;
    }
    .section-padding.pb-0
    {
        padding-bottom: 0 !important;
    }
    .main_footer {
        text-align: center;
    }
    .main_footer .col-lg-3.d-flex,
    .main_footer .social-text li {
        justify-content: center;
    }
    .main_footer .tit h6 {
        font-size: 20px !important;
    }
    .main-marq.xlrg .box .item h4
    {
        font-size: 12vw;
    }
    .header-main .caption
    {
        margin-top: 50px;
    }
    .main_header.navbar.nav-crev
    {
        width: calc(100% - 30px);
        left: 15px;
    }
}

@media(width < 375px)
{
    .main_header.navbar.nav-crev
    {
        padding: 0;
        border: none;
        background-color: transparent;
    }
    .main_header.navbar.nav-crev :is(.logo.icon-img-100, .navbar .navbar-toggler)
    {
        margin: 0;
    }
}

/* ---------------------------------------------------------------------
                         General CSS Ends Here 
---------------------------------------------------------------------*/

/* ---------------------------------------------------------------------
                        Home Page CSS Starts Here 
---------------------------------------------------------------------*/

header.full-height {
    background-position: center !important;
}
.portfolio-fixed .cont {
    margin-bottom: 120px;
}
.sec-lg-head .dot-titl:before,
.sec-lg-head .dot-titl:after {
    display: none;
}
.services-tab .serv-tab-link .item-link {
    padding: 24px 14px !important;
    margin-bottom: 0 !important;
    font-size: 34px;
}
.services-tab .serv-tab-link .item-link.current {
    /* border: 1px solid rgba(255, 255, 255, 0.05); */
    border: none;
    color: #fff;
    /* background: #e7e7e740; */
    background: linear-gradient(143deg, #0c041e, #006663);

}
.services-tab.revers .serv-tab-cont .item .cont {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.section_h_s_s.portfolio-fixed .right {
    padding: 0 15px !important;
}
.section_h_s_s.portfolio-fixed .cont {
    /* height: calc(100vh - 60px); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 30px;
}
.section_h_b .items .item:hover h5 a {
    text-decoration: none;
}
.section_h_s_s.portfolio-fixed .img
{
    border-radius: 12px;
    left: 15px;
    width: 96%;
}
.section_h_w_f .img img
{
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}

.section_h_s_s ul li
{
    display: flex;
    align-items: baseline;
}

.section_h_s_s .serv-item ul
{
    margin-top: 20px !important;
}
.section_h_s_s .serv-item ul li
{
    display: list-item;
    list-style: inside;
    color: #ddd;
    line-height: 1.8;

}
.section_h_s_s.serv-box .lg-pad
{
    min-height: 100%;
}
.section_h_s_s .serv-item img
{
    width: 60px;
    padding-bottom: 16px;
}

@media(width <= 1499.98px)
{
    .section_h_b.blog-list2 .item .img
    {
        width: 230px;
        height: 230px;
    }
}
@media (width <= 1199.98px) {
    .section_h_s_w_u.services-tab.revers .serv-tab-cont .item .img img {
        height: auto;
    }
    .portfolio-fixed .cont .img-hiden {
        display: block;
        margin-bottom: 30px;
    }
    .portfolio-fixed .left
    {
        display: none;
    }
    .section_h_s_s.portfolio-fixed .cont
    {
        padding: 0 15px;
        margin-bottom: 60px;
        opacity: 1;
    }
    .section_h_s_s.portfolio-fixed .right .cont:last-child
    {
        margin-bottom: 0;
    }
    .section_h_s_s.portfolio-fixed .right .cont:last-child .img-hiden
    {
        margin-bottom: 0;
    }
}
@media(width <= 992px)
{
    .section_h_s_s
    {
        padding-top: 0;
    }
}
@media (width <= 991.98px) {
    .services-tab.revers .serv-tab-cont .item .cont {
        position: initial;
        margin-top: 65px;
    }
    .header-main.full-height,
    .section_h_w_w_a,
    .section_h_w_f,
    .section_h_b {
        text-align: center;
    }
    .header-main.full-height .col-lg-4.d-flex,
    .section_h_w_f .col-lg-3.d-flex.align-items-end,
    .section_h_b .items .item .col-lg-2 {
        justify-content: center !important;
    }
    .section_h_s_s.portfolio-fixed .cont {
        height: auto;
        margin-bottom: 60px;
        padding-left: 15px;
    }
    .section_h_s_s.portfolio-fixed .cont .butn-circle {
        margin-top: 30px !important;
    }
    .blog-list2 .item .img img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    .blog-list2 .item .img {
        position: initial;
        transform: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        margin: auto;
    }
    .section_h_s_s.serv-box .lg-pad
    {
        min-height: auto;
    }
}
@media (width <= 767.98px) {
    .services-tab.revers .serv-tab-cont .item .img {
        height: auto;
    }
    .services-tab.revers .serv-tab-cont .item .cont {
        margin-top: 0;
    }
}
@media (width <= 575.98px) {
    .services-tab .serv-tab-link .item-link {
        font-size: 24px;
    }
    .section_h_s_s ul.rest li
    {
        display: flex;
        align-items: baseline;
        gap: 6px;
    }
}
@media (width <= 319.98px) {
    .services-tab .serv-tab-link .item-link {
        font-size: 20px;
    }
}

/* ---------------------------------------------------------------------
                        Home Page CSS Ends Here 
---------------------------------------------------------------------*/

/* ---------------------------------------------------------------------
                        About Us Page CSS Starts Here 
---------------------------------------------------------------------*/

.intro-pan .numbers h2 {
    font-size: 50px;
}
.about_us_page .call-box {
    display: none;
}
.section_a_c_a_p_f_f_t .numbers .sub-title
{
    text-transform: capitalize;
    font-size: 18px;
}

.section_a_c_a_p_f_f_t.sec-img .expr-box h2:after {
    content: '+';
    top: -12px;
    right: -74px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    width: 50px;
    height: 50px;
    font-size: 54px;
    position: initial;
}

.section_a_v_m_g .intro-pan .text
{
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.section_a_v_m_g.services-tab.revers .serv-tab-cont .item .cont
{
    position: initial;
}

.section_a_bene.about-intro .cont .feat
{
    padding-left: 0;
}
.section_a_bene.about-intro .full_cont
{
    padding-left: 20px;
}
.section_a_c_a_p_f_f_t.sec-img .expr-box h2
{
    display: flex;
    align-items: center;
    gap: 10px;
}

@media(width <= 1199.98px)
{
    .pin-spacer:has( .section_a_v_m_g)
    {
        height: auto !important;
        padding: 0 !important;
    }
    .section_a_v_m_g,
    .section_a_v_m_g.thecontainer .panel
    {
        transform: none !important;
        translate: none !important;
        height: auto !important;
        display: flex;
        flex-direction: column;
        max-height: max-content !important;
    }
    .section_a_v_m_g.thecontainer .panel
    {
        padding: 0 0 60px;
        display: block;
    }
    .section_a_v_m_g.thecontainer .panel:last-child
    {
        padding-bottom: 0;
    }
    .section_a_v_m_g.thecontainer .panel .row.mb-80 
    {
        margin-bottom: 40px !important;
    }
    .section_a_v_m_g.thecontainer .panel .container.numbers
    {
        display: none;
    }
    .section_a_v_m_g.thecontainer .panel:last-child .container.numbers
    {
        display: block;
    }
    .section_a_test .stauts
    {
        flex-direction: column;
    }
    .section_a_test .stauts .item
    {
        margin-left: 0;
    }
}
@media (width <= 991.98px) {
    .section_a_test.testim-vrt .cont {
        padding-top: 0;
    }
    .sec-img .expr-box {
        margin-bottom: 0;
        margin-top: 50px;
    }
    .section_a_c_a_p_f_f_t
    {
        text-align: center;
    }
    .section_a_c_a_p_f_f_t .numbers .item
    {
        margin-bottom: 0;
    }
    .section_a_v_m_g
    {
        padding: 100px 0;
        text-align: center;
    }
    
    .section_a_v_m_g .mb-xs-0
    {
        margin-bottom: 0 !important;
    }
    .about-intro.section_a_bene .imgs
    {
        margin-bottom: 0 !important;
        margin-top: 30px;
    }
    .section_a_v_m_g.thecontainer .panel
    {
        display: flex;
    }
    .section_a_bene.about-intro .full_cont
    {
        padding-left: 0;
    }
    .section_a_bene.about-intro .full_cont .cont
    {
        margin-left: 20px !important;
    }
    .section_a_v_m_g.services-tab .serv-tab-link .item-link
    {
        text-align: left;
    }
}
@media(width <= 767.98px)
{
    .section_a_v_m_g.services-tab.revers .serv-tab-cont .item .cont
    {
        margin-top: 60px;
    }
}
@media (width <= 575.98px) {
    .section_a_bene .col-lg-5.valign.rest {
        padding: 0 15px;
    }
    .section_a_v_m_g
    {
        padding: 80px 0;
    }
    .intro-pan .numbers .item
    {
        padding-top: 20px;
        margin-bottom: 20px !important;
    }
    .section_a_test .stauts
    {
        flex-direction: column;
    }
    .section_a_test .stauts .item
    {
        margin-left: 0;
    }
}
@media(width <= 374.98px)
{
    .section_a_bene.about-intro .full_cont .item-flex
    {
        flex-direction: column;
        text-align: center;
        align-items: center;
        gap: 14px;
    }
}


/* ---------------------------------------------------------------------
                        About Us Page CSS Ends Here 
---------------------------------------------------------------------*/

/* ---------------------------------------------------------------------
                         Policy Page CSS Starts Here 
---------------------------------------------------------------------*/

.policy_content h4 {
    margin-top: 50px;
    font-size: 24px;
    margin-bottom: 20px;
}
.policy_content h4.pt-0
{
    margin-top: 0;
}
.policy_content h6 {
    margin-top: 20px;
}
.policy_content p {
    margin-bottom: 16px;
}
.policy_content p strong {
    font-weight: 500;
}

/* ---------------------------------------------------------------------
                         Policy Page CSS Ends Here 
---------------------------------------------------------------------*/

/* ---------------------------------------------------------------------
                        Contact Us Page CSS Starts Here 
---------------------------------------------------------------------*/

#contact_form label.error {
    color: red;
    margin-top: 6px;
}
.contact_form_success {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 40px;
    min-height: 400px;
    justify-content: center;
}
.contact_form_success p {
    font-weight: 500;
    font-size: 18px;
}
.secction_c_form input::placeholder,
.secction_c_form textarea::placeholder
{
    color: #fff;
}

/* ---------------------------------------------------------------------
                        Contact Us Page CSS Ends Here 
---------------------------------------------------------------------*/

/* ---------------------------------------------------------------------
                         Services Page CSS Starts Here 
---------------------------------------------------------------------*/

.clients .brand .img div,
.clients .brand .item .link {
    font-size: 22px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
}
.page-header .caption .sub-title {
    padding-left: 0;
}
.page-header .caption .sub-title:after {
    display: none;
}
.portfolio .filtering .filter {
    padding: 20px 40px;
    border-color: #fff;
}
.portfolio .filtering span {
    font-size: 22px;
    margin: 0px 30px;
}
.sec-leter-head .letter {
    display: none;
}
.sec-leter-head .line {
    margin-left: 0px;
}
.sec-leter-head .title {
    margin-left: 0px;
    margin-top: 12px;
}

.section_s_w_a_d .d-flex img {
    width: 50%;
}

.section_u_f.serv-box .serv-item
{
    text-align: center;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    min-height: 100%;
}
.section_u_f.serv-box .serv-item .icon-img-60
{
    margin: auto;
}
.portfolio .filtering span.text
{
    text-transform: uppercase;
}

.section_u_f .cont .stauts
{
    gap: 30px;
}
.section_u_f .item h6
{
    padding-right: 50px;
}

@media (width <= 1199.98px) {
    .portfolio .filtering .filter {
        padding: 11px 15px;
        display: flex;
        align-items: center;
    }
    .portfolio .filtering span.text
    {
        min-width: 140px !important;
    }
}
@media(width <= 991.98px)
{
    .portfolio .filtering .filter 
    {
        flex-direction: column;
        gap: 10px;
    }
}
@media(width <= 768px)
{
    .portfolio .filtering span.text {
        display: block !important;
    }
    .logo img {
        width: 140px;
    }
    .md-justify-center{
        justify-content: center;
    }
    .padding_top_fourty{
        padding-top: 40px !important;
    }
    .pb-0{
        padding-bottom: 0;
    }
    .policy_content p, .policy_content h4, .policy_content h6{
        text-align: left;
    }
}
@media (width <= 767.98px) {
    .section_s_i.portfolio .filtering .filter {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .main_footer{
        background-image: none !important;
    }
    .main_footer::before {    
        content: "";
        background-image: url('../imgs/home/footer_bg.jpg') !important;
        background-size: cover;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.85;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
  }
}
@media(width <= 575.98px)
{
    .section_u_f .stauts
    {
        text-align: center;
    }
}
@media(width <= 424.98px)
{
    .section_s_c.clients .brand .item .link
    {
        font-size: 14px;
    }
}

/* ---------------------------------------------------------------------
                         Services Page CSS Ends Here 
---------------------------------------------------------------------*/

/* ---------------------------------------------------------------------
                         Technology CSS Starts Here 
---------------------------------------------------------------------*/

.section_t_a_o_t.serv-intro .img .cont-box
{
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
.section_t_a_o_t .cont .rest li,
.block-serv .content p
{
    font-size: 16px;
}

@media (width <= 991.98px) {
    .section_t_v_s {
        padding-top: 0 !important;
    }
}

@media (width <= 575.98px) {
    .section_t_a_o_t.serv-intro .img img {
        width: 100%;
    }
    .serv-intro .img .cont-box {
        position: initial;
        width: 100%;
    }
    .section_t_a_o_t.serv-intro .img .cont-box
    {
        text-align: center;
        max-width: 100%;
        min-width: auto;
    }
    .block-serv .content h6
    {
        line-height: 1.5;
    }
}

/* ---------------------------------------------------------------------
                         Technology CSS Ends Here 
---------------------------------------------------------------------*/

/* ---------------------------------------------------------------------
                         Contact Us CSS Starts Here 
---------------------------------------------------------------------*/

.contact_us_body .contact-crev {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.secction_c_form .social-text li
{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    margin-bottom: 10px;
}
.secction_c_form .social-text li:first-child
{
    align-items: baseline;
}

@media (width<= 575.98px) {
    .section_c_f_t {
        padding-top: 0 !important;
    }
}

/* ---------------------------------------------------------------------
                         Contact Us CSS Ends Here 
---------------------------------------------------------------------*/

/* ---------------------------------------------------------------------
                         FAQ CSS Starts Here 
---------------------------------------------------------------------*/

@media(width <= 575.98px)
{
    section.faqs .item
    {
        padding-bottom: 25px !important;
        margin-bottom: 25px !important;
    }
    section.faqs .col-lg-6 .item:last-child
    {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* ---------------------------------------------------------------------
                         FAQ CSS Ends Here 
---------------------------------------------------------------------*/


/* ---------------------------------------------------------------------
                         General CSS Starts Here 
---------------------------------------------------------------------*/

/* ---------------------------------------------------------------------
                         General CSS Ends Here 
---------------------------------------------------------------------*/
/* changes */
.email-id-change{
    text-transform: lowercase;
}
strong.copyright-span {
    font-weight: 900 ;
}
@media(max-width:320px){
    .logo img {
        width: 100px;
    }
}
.rolling-text-cutom{
    line-height: 87px;
}
.block-serv .content  .line-height-one-point-four{
    line-height: 1.4;
}
.policy_content p strong {
    color: #fff;
}