/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 4.22.1
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/******************* New homepage css ************************/
 
/* @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
  */

body, html {
      -webkit-user-select: none; /* Chrome/Safari */
      -moz-user-select: none;    /* Firefox */
      -ms-user-select: none;     /* Internet Explorer/Edge */
      user-select: none;         /* Standard */
    }

    /* Optional: hide caret for inputs (if needed) */
    input, textarea {
      caret-color: transparent;
    }

.pointer_icon_div::before {
    display: none !important;
}

.moretext, .moretext2, .moretext3, .moretext4 , .moretext5 {
  display: none;
}

.moreless-button:hover, .moreless-button2:hover, .moreless-button3:hover, .moreless-button4:hover {
    letter-spacing: 1.5px;
}
 
.moreless-button, .moreless-button2, .moreless-button3, .moreless-button4, .moreless-button5 {
       font-weight: 600;
    cursor: pointer;
    transition: all 0.3s linear;
}

@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 90% 0;
  }
}

.choose_pointer ul {
        display: block !important;
    position: relative;
    padding-left: 20px !important;
}

.choose_pointer li {
    padding-right: 0 !important;
    border-right: 0 !important;
    margin-bottom: 6px;
    padding-left: 0 !important;
    position: relative;
    list-style: disc !important;
    font-weight: 400;
}

.choose_pointer h4.et_pb_module_header {
    margin-bottom: 14px;
    font-weight: 600;
    color: #111;
}

.choose_pointer .et_pb_module.et_pb_blurb {
    position: relative;
}

.why_us_content span {
        align-items: center;
    width: 60px;
    height: 60px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    border-radius: 30px;
    box-shadow: 0 0 10px 10px #ebebeb;
    margin-bottom: 20px;
}

.why_us_content p {
    color: #3e3e3e !important;
    font-size: 17px !important;
}

body ul.sub-menu li.menu-item a, body ul.sub-menu li.menu-item {
    width: 100%;
}

body .nav li ul.sub-menu { 
    width: 280px; 
}

body .nav li.menu-item-object-custom.menu-item-has-children:last-child ul {
    width: 200px;
}

body ul.sub-menu li.menu-item {
    padding: 0 14px !important;
}

.choose_pointer .et_pb_module.et_pb_blurb:before {
    content: "01";
    width: 100%;
    height: 100%;
    display: inline-block;
    font-size: 130px;
    font-weight: 900;
    color: #ff000021;
    position: absolute;
    top: 4px;
    transition: all 0.3s linear;
} 

.choose_pointer .et_pb_module.et_pb_blurb:hover::before { 
    color: #ff0000;  
}

.choose_pointer1:before {
    content: "01" !important; 
}

.choose_pointer2:before {
    content: "02" !important; 
}

.choose_pointer3:before {
    content: "03" !important; 
}

.choose_pointer4:before {
    content: "04" !important; 
}

.choose_pointer5:before {
    content: "05" !important; 
} 

div#bg_fixed, .bg_fixed {
    background-attachment: fixed;
}

.double_btn_div .et_pb_button_module_wrapper {
    display: inline-block;
    margin-right: 14px;
}

li.menu-item.menu-item-type-post_type.menu-item-has-children {
    padding-right: 18px;
}

ul#menu-main-menu li.menu-item.current-menu-item {
    position: relative;
}

ul.sub-menu li.menu-item.current-menu-item:after {
   display:none !important;
}

body ul.sub-menu li.menu-item {
    margin-bottom: 10px !important;
}

ul.sub-menu li.menu-item.current-menu-item a {
    font-weight: 500;
}

ul#menu-main-menu li.menu-item.current-menu-item:after {
    content: "";
    width: 66%;
    display: inline-block;
    height: 2px;
    background: red;
    position: absolute;
    bottom: 9px;
}



/* *** Blogpage css*** */

.blog_descriotion_row .et_pb_module.et_pb_blurb {
    display: inline-block;
    margin: 0 24px;
}

.blog_descriotion_row .et_pb_column.et_pb_column_4_4 {
    text-align: center;
}

.blog_featured_img img, .blog_featured_img  span.et_pb_image_wrap {
    width: 100%;
}

.related_post .entry-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 0;
    margin-bottom: 16px;
}

.related_post .et_pb_image_container img {
    height: 280px !important;
    object-fit: contain;
	padding: 20px !important;
}

.post_content, .post_content div, .post_content p, .post_content li, .post_content span {
    font-size: 18px !important;
    font-weight: 400;
    color: #111 !important;
    margin-bottom: 15px;
}

.blog_sidebar form.wp-block-search {
    border-radius: 40px;
    overflow: hidden;
    border: 1px solid #041136;
}

.blog_sidebar button.wp-block-search__button.wp-element-button {
       background: #041136;
    color: #fff;
    font-size: 15px;
    border-color: #041136;
    padding: 8px 19px;
}

.blog_sidebar .et_pb_widget {
    margin-bottom: 25px !important;
}

.blog_sidebar h2 {
       font-size: 26px !important;
    margin-bottom: 14px !important;
}

.blog_sidebar li {
    font-size: 16px;
    font-weight: 400;
    color: #333 !important;
    border-bottom: 1px solid red;
    padding-bottom: 10px;
    margin-bottom: 9px !important;
}

.blog_sidebar li a {
    color: #111 !important;
}

.blog_featured_img img {
    object-fit: cover !important;
}

.post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { 
    margin-top: 30px;
    line-height: 1.3 !important;
}

.post_content h4 {
    color: #000  !important;
}

.post_content h2 {
    font-size: 26px !important; 
}
 

/* *** Blogpage css*** */
 

/* *** Homepage new css*** */
 
.about_dark { 
    font-size: 16px;
}


.content-about span.et_pb_image_wrap {
        height: auto !important;
}

.trending-insights-main {
    display: grid;
    height: auto;
    gap: 30px;
    margin-bottom: 30px;
    grid-template-columns: 1fr 1fr 1fr;
}

 .hide-sec-img {
    border-top-left-radius: 30px;
    overflow: hidden;
    border-bottom-right-radius: 30px;
}

.logos-sec p {  
    max-width: 82%;
}

body #page-container .et_pb_section .et_pb_button_3:after { 
    margin-left: 3.3em; 
}
   
.connect-sec .et_pb_button_3:after {
    margin-left: 3.3em !important;
}

body #page-container .connect-sec .et_pb_button_3:hover {
    background: #fff;
    color: #000 !important;
}
.inner-main:hover {
  background: #041136;
  color: #fff !important;
}

.blogs-image {
  width: 100%;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}

.inner-main:hover h2, .inner-main:hover p {
  color: #fff !important;
}

.trending-insights-main a.blog-btn:hover, .count-list a:hover {
    letter-spacing: 1px;
}
 
.trending-insights-main a.blog-btn:hover::after, .count-list a:hover::after {
    width: 120px;
}

.trending-insights-main a.blog-btn, .trending-insights-main a.blog-btn:after, .count-list a:after, .count-list a, .inner-main {
	transition: all 0.3s linear;
}

.contact_us_form input, .contact_us_form select, .contact_us_form textarea {
       color: #000;
    padding: 15px;
    border: 0;
    font-family: 'Inter' !important;
    width: 100%;
    border-radius: 70px;
font-size: 17px !important;
}

.contact_us_form label, .contact_us_form p {
    color: #fff !important;
    font-size: 18px !important;
    padding-bottom: 6px !important;
    text-transform: capitalize !important;
}

.contact_us_form span.wpcf7-form-control-wrap {
    margin-top: 10px !important;
    display: block;
}

.contact_us_form textarea {
    border-radius: 20px;
}

.form_div {
       display: grid;
    width: 100%;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 10px;
}

.contact_us_form input.wpcf7-form-control.wpcf7-submit {
    background: #ec1f31;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    cursor: pointer;
    transition: all 0.3s linear;
}

.contact_us_form select option {
    color: #000;
    font-size: 18px !important;
    font-family: 'Inter' !important;
}

.contact_us_form  textarea.wpcf7-form-control.wpcf7-textarea {
    height: 130px;
}

.contact_us_form input.wpcf7-form-control.wpcf7-submit {
    border: 1px solid #ec1f31;
}

.hover_div:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #fff;
}

.hover_div:hover span.et_pb_icon_wrap {
    transform: scale(1.3);
}

.hover_div, .hover_div span.et_pb_icon_wrap  {
    transition: all 0.3s linear;
}

.contact_us_form input.wpcf7-form-control.wpcf7-submit:hover {
    background: transparent;
    color: #fff !important;
    letter-spacing: 2px;
    border-color: #fff !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #fff;
    text-align: center; 
    border-radius: 40px;
}

#get_in_touch .a_color a { 
    font-weight: 500 !important;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.current_page_item.menu-item-has-children {
    padding-right: 18px;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
    background-color: rgba(0,0,0,0.75)!important;
    border-color: #ff2323;
    box-shadow: 0 6px 8px 2px #454545;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}


.et-menu .menu-item-has-children>a:first-child:after { 
    right: -16px; 
}

/* *** end of Homepage new css*** */


@media screen and (max-width: 767px) {
 
.career-cards, .career-detail-container { 
    grid-template-columns: 1fr !important; 
}
	
#cetificate-sec-page {
    padding-bottom: 40px !important;
}

.blog_descriotion_row .et_pb_module.et_pb_blurb { 
   margin-left: 0px!important;
}

.blog_descriotion_row .et_pb_column.et_pb_column_4_4 {
    text-align: left!important;
}

body .post_content h2 {
    font-size: 24px !important;
}

.form_div { 
    grid-template-columns: 1fr !important; 
}
    
.count-list h3 {
    text-align: left !important;
}

.trending-insights-main { 
    grid-template-columns: 1fr !important;
    gap: 10px;
}

footer.et-l--footer .site_footer_links, footer.et-l--footer .site_footer_content {
    width: 100%!important;
    margin-right: 0%!important;
}

.footer-sec-page ul {
    padding: 0px 0 0 !important;
}

.et_pb_text_28 { 
    max-width: 100% !important;
}

.logos-sec p {
    max-width: 100% !important;
}

.logos-sec {
    background: #1f0b0d !important;
}

.mb_none {
    margin-bottom: 0px !important;
}
 
a#header_btn {
    display: none !important;
}

}


@media screen and (min-width: 768px) and (max-width: 980px) {
  
.career-cards, .career-detail-container { 
    grid-template-columns: 1fr 1fr !important; 
}
	
.blog_sidebar .et_pb_widget { 
    width: 100% !important;
}

a#header_btn {
    display: none !important;
}

 .banner-sec h1 {
    font-size: 46px !important; 
}   

.logo_div_cus {
    width: 200px !important;
}

.about-sec h2 {
    font-size: 30px  !important;	
}

.count-list h3 { 
    text-align: left !important;
}

 .connect-sec h2 { 
    max-width: 70% !important;
}

.key-benefits h2 {
    max-width: 100% !important;
}

#cloud_security_sec .et_pb_slide_content p {
    font-size: 20px !important;
}

.certification-sec h3 {
    font-size: 16px !important;
}

.heading-outbtn a {
    font-size: 16px !important; 
    line-height: 20px !important;
    white-space: nowrap;
}

.trending-insights-main { 
    gap: 15px !important;
}

footer.et-l--footer .site_footer_content {
    width: 47.75%!important;
}

.logos-sec p {
    font-size: 18px;
    line-height: 26px;
    white-space: pre-wrap;
    width: 200px;
}
 
}

@media screen and (min-width: 981px) and (max-width: 1200px) {
 
ul#menu-main-menu { 
    justify-content: center;
}

.banner-sec .et_pb_module {
    max-width: 100% !important;
}

.banner-sec h1 {
    font-size: 36px !important;
}

.et_pb_text_2 {
    width: 90% !important;
}

.count-list h3 {
    font-size: 160px !important;
}

.counting-clients p { 
    max-width: 80%;
}

.key-benefits h2 {
    max-width: 100% !important;
}

.about-sec h2 {
    font-size: 30px !important; 
}

body .et_pb_button_module_wrapper.et_pb_button_0_tb_header_wrapper.et_pb_module {
    width: 161px!important;
}


}

@media screen and (min-width: 1201px) and (max-width: 1320px) { 
body #page-container .et_pb_section .et_pb_button_0_tb_header { 
    padding-right: 40px!important; 
    font-size: 13px !important;
}

.banner-sec h1 {
    font-size: 42px !important;
}

.logos-sec p {
    font-size: 17px !important;
}

.about-sec h2 {
    font-size: 34px !important;
}
 
}

@media (max-width: 1600px) {
    .count-list h4 { 
        max-width: 100%;
    }
}

@media screen and (min-width: 1571px) and (max-width: 1650px) { 

body .banner-sec h1 { 
    font-size: 56px !important; 
}

.logos-sec p { 
    font-size: 22px !important; 
}

}

@media screen and (min-width: 1651px){

body .connect-sec {
    padding-block: 20px!important;
}

.footer-sec-page ul li a, footer .site_footer_content p { 
    font-size: 18px !important;
}

.about-sec {
    padding-top: 90px !important;
}

body .logos-sec p { 
    font-size: 22px !important; 
}

.et_pb_section.et_pb_section_10.about-sec.key-benefits.et_section_regular, .about-sec.key-benefits.trusted-skilled {
    padding-bottom: 80px !important;
}
 

}

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

.small_img img, .mid_img img , .large_img img , .large_img img, .circle_animation { 
    display: none !important;
}

}

@media screen and (min-width: 1800px){

.about-sec.key-benefits.trusted-skilled .testimonial-post-sec {
    padding-bottom: 38px;
    padding-left: 5%;
}

.trusted-skilled h2 {
    max-width: 80%;
}

.testimonial-post-sec .owl-item .testimonial-name {
    font-size: 22px !important; 
}

.testimonial-post-sec p.testimonial-desc { 
    font-size: 20px !important;
}

}

.small_img img, .mid_img img , .large_img img {
    animation: spin 5s linear infinite;
}

.large_img img { 
     width: 480px; 
}

.circle_animation { 
     width: 380px !important;
}

.et_pb_module.et_pb_image.et_pb_image_0.small_img:before {
    content: "Idea";
    color: #fff;
    font-size: 16px;
    margin: 62px;
    margin-bottom: 21px !important;
    display: inline-block;
    position: absolute;
}

.small_img:after {
    content: "Empathize";
    color: #fff;
    font-size: 16px;
    margin: 62px;
    margin-bottom: 21px !important;
    display: inline-block;
    position: absolute;
    bottom: 47px;
    right: 0;
}

.mid_img:after {
    content: "Plan";
    color: #fff;
    font-size: 16px;
    margin: 62px;
    margin-bottom: 21px !important;
    display: inline-block;
    position: absolute;
    bottom: 28px;
    right: 0;
}

.large_img:after {
    content: "Growth";
    color: #fff;
    font-size: 12px;
    margin: 62px;
    margin-bottom: 21px !important;
    display: inline-block;
    position: absolute;
    bottom: 23px;
    right: 0;
}

 

@keyframes spin {

0% {
   transform: rotate(0deg);
}
 
100%{
    transform: rotate(360deg);
   }
}
 
/* careers */

.career-cards {
        display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    row-gap: 50px;
}

.career-card {
       box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 30px;
    border: 1px solid #04113630;
    border-radius: 20px;
    position: relative;
}

.career-card h3 {
    color: #041136 !important;
    letter-spacing: -0.9px !important;
    font-size: 23px;
    font-weight: 600;
    border-bottom: 1px solid #ff0008;
    margin-bottom: 18px;
    padding-bottom: 16px;
    line-height: 1.2;
}

.career-card a {
    color: #FFFFFF!important;
     border: 1px solid #ec1f31 !important;
    border-radius: 50px;
    font-size: 16px;
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 500!important;
    background-color: #ec1f31;
    padding: 10px 32px;
    display: inline-block;
    margin-top: 34px;
    transition: all 0.3s linear;
}

.career-card p {
       padding-bottom: 14px;
    display: flex;
    align-items: center;
}

.career-card a:hover {
    background: transparent;
    color: #ec1f31 !important;
    border: 1px solid #ec1f31 !important;
}

.career-cards .career-card .job_type {
       position: absolute;
    top: -12px;
    right: 17px;
    display: inline-block;
    text-align: center;
    background: #09236c;
    border-radius: 10px;
    padding: 4px 20px;
    font-size: 16px !important;
    color: #fff !important;
}

.career-card p img {
    margin-right: 13px;
    width: 24px;
}

.career-detail-container {
    max-width: 1440px;
    margin: auto;
    width: 90%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 45px;
}

.careers_heading {
    text-align: center;
    padding: 140px 50px 80px;
    background: #041136;
    color: #fff;
    margin-bottom: 50px;
}

.careers_heading h1 {
    color: #fff;
}

.career-detail-container table td { 
      padding: 10px 28px !important; 
    border-bottom: 1px solid #d9d7d7 !important; 
}

aside.career-sidebar h3 {
    text-align: center;
    color: #000;
}

.career-detail-container table {
       background-color: #ffefef !important;
    margin-top: 15px;
    border-radius: 0;
    margin-bottom: 40px;
    border: 1px solid #ddd;
}

.career-detail-container table tr:last-child td {
    border-bottom: 0 !important;
}

.career-detail-container td strong {
    color: #333;
    font-size: 15px;
}

.career-description p, .career-description li {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.career-description ul {
    list-style: disc;
    padding-left: 20px;
    margin-top: 10px;
}

.career-description li p, .career-description li {
    margin-bottom: 10px;
}

.career-description h3, .career-description h2, .career-description h4 {
        font-size: 20px;
    margin-top: 24px;
    font-weight: 700;
    color: #000;
}

.career-description {
    padding-bottom: 45px;
}

.apply_form {
    background: #e7e7e7;
    padding: 20px;
    margin-bottom: 40px;
}

.apply_form input, .apply_form textarea {
    background: transparent;
    border: 1px solid #333;
    width: 100%;
    padding: 10px 14px;
}

.apply_form label {
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
}

.apply_form textarea {
    height: 110px;
}

.apply_form h3 {
    text-align: center;
    margin-bottom: 20px;
    color: #000;
    margin-top: 10px;
}

.apply_form input.wpcf7-form-control.wpcf7-submit {
    background: #d91f1f;
    border-color: #d91f1f;
    cursor: pointer;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
   transition: all 0.3s linear;
}

.apply_form input.wpcf7-form-control.wpcf7-submit:hover {
    color: #d91f1f !important;
    background: transparent;
}

.apply_form .wpcf7-response-output {
    color: #333 !important;
}

.career-description .job-description_h2 {
    font-size: 26px;
    margin-top: 0;
    color: #041136;
}
 
