/*
Theme Name: Itfirm
Theme URI: http://demo.casethemes.net/itfirm/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Itfirm is a stunning, professional and flexible IT Solutions, IT Business, and Services Company WordPress theme. Itfirm based on in-depth research into IT Solutions, IT Services, IT Business, Consulting, SaaS & Software, Digital Solution, Technical Engineering, Technology, and Services Company, to deliver all needed layouts and blocks.
Version: 1.4.2
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: itfirm
Tags: agency, business, it services, it solutions, technology, technology service, software, services, app, network solution, startup, technology company, saas, digital
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*body{*/
/*    overflow-x:hidden;*/
/*}*/ 
/*.elementor-section{*/
/*    overflow-x:hidden;*/
/*}*/


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #333333;
}

.ct-nav-menu1.style2 .ct-main-menu > li > a {
    color: #101130;
    font-weight: 600;
} 
.services-boxes h4.item--title {
    margin-bottom: 0 !important;
    font-size: 18px !important;
    line-height: 1.3;
    height: 70px;
}
.find-job-boxes .ct-fancy-box-layout7 .item--inner {
    background-color: #F7F4EF;
    box-shadow: none !important;
}
.find-job-boxes .ct-fancy-box-layout7 .item--icon svg {
    height: 60px;
    width: 60px;
    fill: #F7F4EF !important;
}
.find-job-boxes .ct-fancy-box-layout7 .item--icon path {
    fill: #2E9B9B;
}
.ct-cta1 .ct-cta--inner {
    background-color: #1F6FAD;
}
.ct-cta1 .item--image img {
    border-radius: 0;
}
.home-cta-wrap .ct-cta1 .item--button a {
    background-image: none;
    background-color: #0A66FF;
}
.steps-boxes-wrap .item--line{
    display:none;
}
.steps-boxes-wrap .item--title {
    height: 60px;
}
.steps-boxes-wrap a.cstm-link{
    color: #dedede;;
}
.steps-boxes-wrap a.cstm-link:after{
    content: "\f104";
    font-family: Caseicon;
    font-size: 10px;
    margin-right: 5px;
    display: inline-block;
    font-weight: 600;
    padding-left: 5px;
}
.steps-boxes-wrap a.cstm-link:hover{
    border-bottom: 1px solid #fff;
}
.ct-fancy-box-layout8.style1 .item--icon img {
    max-height: 125px !important;
}
.ct-cta1:before {
    bottom: -10px;
}
.ct-cta1 .item--wgtitle {
    font-family: 'Inter';
    font-weight: 600;
    letter-spacing: 0;
}
.btn, button, .button, input[type="submit"] {
    font-family: 'Inter';
    font-weight: 600;
    background-color: #0A66FF;
}

.item--number svg {
    width: 36px;
    height: 36px;
    margin: 8px 0;
}
.ct-process-grid1 .item--icon {
    width: 50px;
    height: 50px;
    background-color: #2E9B9B !important;
    top: -15px;
    left: -38px;
}
.ct-process-grid1 .item--number {
    font-size: 70px;
    margin: 0 auto 30px auto;
    margin-left: 40px;
}
.solutions-two-boxes-wrap{
    
}
.solutions-two-boxes-wrap ul{
    list-style-type: none;
    margin-bottom: 5px;
}
.solutions-two-boxes-wrap ul li {
    font-size: 15px;
    margin-bottom: 3px;
    color: #111;
    position: relative;
    padding-left: 20px;
    text-align: left;
}
.solutions-two-boxes-wrap ul li:before {
    position: absolute;
    font-size: 15px;
    left: 0;
    top: 0;
    color: #FF6F61;
    content: "\f00c";
    font-family: FontAwesome;
}
.ct-testimonial-carousel5 .item--inner:before {
    bottom: -10px;
}
#ct_testimonial_carousel-55809a7.ct-testimonial-carousel5 .item--position span {
    background-image: linear-gradient(to left, #2E9B9B, #2E9B9B) !important;
    color:#2E9B9B !important;
}

#ct_testimonial_carousel-55809a7.ct-testimonial-carousel5 .item--image::before, #ct_testimonial_carousel-55809a7.ct-testimonial-carousel5 .item--inner .item--icon {
        background-image: linear-gradient(to left, #FF6F61, #FF6F61) !important;
}
.ct-testimonial-carousel5 .item--inner {
    margin-top: 10px;
    margin-bottom: 20px;
}
.ct-contact-form-layout1.style4 .wpcf7-form-control:not(.wpcf7-submit) {
    border: none;
    border: 2px solid #cfc8bd;
    background-color: #fbf7f2;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 10px;
    height: 55px;
}
.ct-contact-form-layout1.style4 .wpcf7-submit {
    background-image: linear-gradient(90deg, #0A66FF 0%, #0A66FF 50%, #0A66FF) !important;
}
.ct-contact-form-layout1.style4 .wpcf7-submit:after {
  content: "";
  background: #fff;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  position: absolute;
  height: 120%;
  width: 15px;
  opacity: 0.2;
  left: -35%;
  top: -10%;
  transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
}
.ct-contact-form-layout1.style4 .wpcf7-submit:hover, 
.ct-contact-form-layout1.style4 .wpcf7-submit:focus {
  background: var(--primary-color);
}
.ct-contact-form-layout1.style4 .wpcf7-submit:hover:after, 
.ct-contact-form-layout1.style4 .wpcf7-submit:focus:after {
  left: 130%;
}




.home-cta-wrap .ct-cta1 .item--button a:after {
  content: "";
  background: #fff;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  position: absolute;
  height: 120%;
  width: 15px;
  opacity: 0.2;
  left: -35%;
  top: -10%;
  transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
}
.home-cta-wrap .ct-cta1 .item--button a:hover, 
.home-cta-wrap .ct-cta1 .item--button a:focus {
  background: var(--primary-color);
}
.home-cta-wrap .ct-cta1 .item--button a:hover:after, 
.home-cta-wrap .ct-cta1 .item--button a:focus:after {
  left: 130%;
}


.ct-accordion1 .ct-ac-title {
    font-family: 'Open Sans';
}










.ct-accordion1.style2 .ct-ac-title.active .ct-ac-title-text{
    background-color: #1F6FAD;
    border-color: #1F6FAD;
}
.ct-accordion1.style2 .ct-ac-content {
    color: #333 !important;
}
.ct-accordion1 .ct-ac-title .ct-ac-title-text {
    font-family: 'Inter';
}
.ct-accordion1.style2 .ct-ac-title:hover .ct-ac-title-text {
    background-color: #FF6F61;
    border-color: #FF6F61;
}
.ct-accordion1.style2 .ct-ac-title.active .ct-ac-title-text{
    background-color: #FF6F61;
    border-color: #FF6F61;
}
.ct-accordion1 .ct-accordion-item + .ct-accordion-item {
    margin-top: 5px;
}
.ct-accordion-item {
    margin-top: 5px;
}
.ct-main-menu li a {
    font-weight: 600;
}
.ct-main-menu .sub-menu li a:hover, .ct-main-menu .children li a:hover {
    color:#1F6FAD  !important;
}
.ct-process-grid1 .item--inner {
    margin-bottom: 0;
}
.ct-contact-form-layout1.style4 .wpcf7-form-control:not(.wpcf7-submit):focus {
    border-color: #1F6FAD;
    color: #000;
}
.footer-custom-inner a{
    color:#fff !important;
}
.footer-custom-inner a:hover,
.footer-custom-inner .footer-link a:hover{
    color: #FF6F61 !important;
}
.footer-custom-inner .footer-link ul{
    list-style: none;
}
.footer-custom-inner .footer-link ul li{
    font-size: 14px;
    padding: 4px 0 4px 20px;
    display: inline-block;
    width: 100%;
}
.footer-custom-inner .footer-link ul li:before {
    content: "";
    height: 2px;
    width: 5px;
    margin-left: -20px;
    margin-right: 5px;
    background-color: #FF6F61;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    display: inline-block;
}

.listing ul{
    list-style: none;
}
.listing ul li{
    font-size: 16px;
    padding: 4px 0 4px 20px;
    display: inline-block;
    width: 100%;
}
.listing ul li:before {
    content: "";
    height: 2px;
    width: 5px;
    margin-left: -16px;
    margin-right: 5px;
    background-color: #1074bc;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    display: inline-block;
}
.listing-white ul li:before {
    background-color: #fff;
}
.footer-custom-inner .footer-link a{
    color:#fff;
}
.footer-custom-inner h5{
    color: #FF6F61;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 5px;
}
.faq-title-box{
    
}
.faq-title-box-inner h2{
    margin-bottom: 0;
}

.solutions-section-wrap .elementor-container{
    padding-left: 15px;
}
.custom-footer-wrap .elementor-widget-wrap {
    margin-bottom: 0;
}
.custom-footer-wrap .elementor-widget-container {
    margin: 0px 0px 0px 0px !important;
}
.custom-footer-wrap .elementor-element-populated{
    margin: 0px 0px 0px 0px !important;
}
/*this is from theme style file*/
@media screen and (min-width: 1200px) {
    .ct-main-menu li a {
        font-size: 16px;
    }
}
.five-boxes-peo-wrap{
    
}
.five-boxes-peo-wrap .ct-fancy-box-layout5 .item--title{
    height: 90px;
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-family: 'Inter' ! IMPORTANT;
}
.ct-fancy-box-layout5 .item--icon svg {
    height: 60px;
    width: 60px;
}
.three-what-look{
    
}
.three-what-look .ct-fancy-box-layout9 .item--icon svg{
    width: 30px;
    height: 30px;
}
.three-what-look .ct-fancy-box-layout9 .item--icon {
    width: 60px;
    height: 60px;
    padding-top: 15px;
}
.three-what-look .item--description {
    height: 200px;
}
.three-what-look .ct-fancy-box-layout9 .item--holder {
    background-color: #F7F4EF;
}
.ct-fancy-box-layout1 .item--icon svg {
    height: 50px;
    width: 50px;
}
.why-choose-four-boxes{
    
}
.why-choose-four-boxes .ct-fancy-box-layout8.style1 .item--inner {
    flex-wrap: wrap;
    padding: 20px 15px 20px;
    background-color: #F7F4EF;
    margin-bottom: 0;
}
.why-choose-four-boxes .ct-fancy-box-layout8.style1 .item--icon img {
    max-height: 80px !important;
}
.why-choose-four-boxes .ct-fancy-box-layout8.style1 .item--title {
    margin-top: 0;
    height: 55px;
    color: #1d70ad !important;
    font-size: 20px;
}
.why-choose-four-boxes .ct-fancy-box-layout8.style1 .item--description {
    height: 150px;
    color: #333;
    margin-bottom: 0;
}
.ct-cta1 .ct-cta--inner {
    background-color: #afe9ea;
}
.ct-cta1 .item--wgtitle {
    color: #1F6FAD;
}
.slick-dots-style2 .slick-dots li.slick-active button {
    background-color: #FF6F61  !important;
}
.slick-dots li button:after {
    border: 2px solid #FF6F61  !important;
}
.ct-testimonial-carousel5 .slick-dots li button {
    background-color: #FF6F61 !important;
}
.scroll-top{
    background-image: linear-gradient(to left, #FF6F61, #FF6F61) ! IMPORTANT;
    background-color: #FF6F61 !important;
}
.footer-btm{
    border-top: 1px solid #2f6e9f;
}
.design-img .ct-image-single--inner{
    position: relative;
    z-index: 1;
}
.design-img .ct-image-single--inner:after{
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: -15px;
    left: -15px;
    background-color: #2E9B9B;
    z-index: -1;
}


/* Desktop: both arrows and bullets visible */
@media only screen and (min-width: 768px) {
  .sr7-bullets{
    display: none !important;
  }
}

/* Mobile: hide arrows, show bullets */
@media only screen and (max-width: 767px) {
  .sr7-leftarrow,
  .sr7-rightarrow {
    display: none !important;
  }
  .sr7-bullets {
    display: block !important;
  }
}
.services-boxes .ct-fancy-box-layout8.style1 .item--description {
    margin-bottom: 0;
}
.services-boxes .ct-fancy-box-layout8.style1 .item--icon img {
    max-height: 50px !important;
    max-width: 50px !important;
}
.ct-process-grid1 .item--icon {
    /*left: unset;*/
    /*position: relative;*/
}
.ct-nav-menu1.style2 .ct-main-menu > li {
    margin: 0 8px !important;
}
.ct-nav-menu1.style2 .ct-main-menu > li.menu-item-has-children > a{
    padding-right: 10px !important;
}
.ct-social-icon3 a:hover{
    color:#FF6F61 !important;
}
.ct-nav-menu1.style2 .ct-main-menu > li.menu-item-has-children > a:after, 
.ct-nav-menu1.style2 .ct-main-menu > li.page_item_has_children > a:after {
    font-size: 8px !important;
    top: 52% !important;
}
.ct-process-grid1 .item--title {
    font-size: 24px;
}
.topbar-right a{
    color:#fff;
}
.topbar-right{
    color:#fff;
}
.topbar-right a:hover{
    color:#FF6F61;
}
.topbar-right p{
    color:#fff;
    margin-bottom:0;
}
.ct-contact-info1 .ct-contact-content {
    font-weight: 500;
}
.page-banner-wrap{
    
}
.breadcrumb-container {
    text-align: center;
}
.page-banner-wrap h2{
    color:#d2ebff;
    font-size: 22px;
    line-height: 1.3;
}
.breadcrumb-container ol{
    padding-left: 0;
}
.breadcrumb-container a{
    color: #fff !important;
    padding: 5px 10px 5px 0;
}
.breadcrumb-container.theme5 a::before{
    display:none !important;
}
.breadcrumb-container.theme5 li {
    margin: 0 0px !important;
}
.breadcrumb-container.theme5 li:last-child:after{
    display:none !important;
}
.breadcrumb-container.theme5 li:last-child a::after{
    display:none;
}
.breadcrumb-container.theme5 a::after {
    border-color: rgba(0, 0, 0, 0) rgb(0 0 0 / 0%) rgb(0 0 0 / 0%) #ff6d5f !important;
    border-width: 6px !important;
    right: -12px !important;
    top: 14px !important;
}
.ct-banner1 .ct-banner-counter {
    background-color: #ff6f61 !important;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff6f61), to(#ff6f61)) !important;
}
.ct-fancy-box-layout5 .item--inner .item--overlay:before {
    background-color: #2E9B9B !important;
    background-image: linear-gradient(to right, #2E9B9B, var(--gradient-color-to)) !important;
}
.ct-accordion1.style2 .ct-ac-title .ct-ac-title-text {
    color: #333333;
}
.everything-boxes{
    
}
.everything-boxes .item--icon svg{
    width: 30px;
    height: 30px;
    padding-top: 5px;
}

.everything-boxes .ct-fancy-box-layout9 .item--title {
    margin-bottom: 10px;
    font-size: 18px;
    height: 45px;
}
.everything-boxes .ct-fancy-box-layout9:hover {
    transform: translate(0, 0px);
}
.everything-boxes .ct-fancy-box-layout9 .item--description {
    height: 150px;
}
thead tr th{
    background-color: #2c9c96;
    color: #fff;
}
tbody tr td{
    line-height: 1.5;
    color: #333333;
    background-color: #f0fffe;
}
.ct-steps-layout1 .ct--arrow {
    background-color: #1F6FAD;
}
.ct-steps-layout1 .ct--meta .ct--icon img{
    width: 80px;
}
.ct-steps-layout1 .ct--meta .ct--meta-inner {
    width: 60%;
    margin: auto;
}
.ct-steps-layout1 .ct--meta .ct--icon {
    padding: 20px 20px;
}
.ct-steps-layout1 .ct--item + .ct--item {
    margin-top: 40px;
}
.how-staff-three-wrap .item--title{
    height: 55px;
    font-family: 'Inter' !important;
    font-size: 18px;
}
.ct-steps-layout1 .ct--title {
    margin-bottom: 5px;
    font-size: 24px;
    color: #1F6FAD;
}
    
    
    
    
    
    
    
    






@media (min-width:1600px){
.ct-nav-menu1.style2 .ct-main-menu > li {
    margin: 0 6px !important;
}
}
@media (max-width:1300px){
.manage-spacing-one{
    padding-left:30px;
}
}



@media (max-width:1025px){
    .five-boxes-peo-wrap .elementor-column{
        width: 100% !important;
    }
    .five-boxes-peo-wrap .ct-fancy-box-layout5 .item--title {
    height: auto;
    }
    .five-boxes-peo-wrap .ct-fancy-box-layout5 .item--icon {
    margin-bottom: 0;
}
.everything-boxes .elementor-column{
        width: 100% !important;
}
.everything-boxes .ct-fancy-box-layout9 .item--title {
    height: auto;
}
.everything-boxes .ct-fancy-box-layout9 .item--description {
    height: auto;
}
}

@media (max-width:991px){
.why-choose-four-boxes .ct-fancy-box-layout8.style1 .item--description {
    height: 220px;
}
.why-choose-four-boxes .ct-fancy-box-layout8.style1 .item--title {
    height: 80px;
}
}

@media (max-width:768px){
    .table-responsive .elementor-element{
         width: 100% !important;       
          overflow-x: auto; 
          -webkit-overflow-scrolling: touch;
    }
.why-choose-four-boxes .ct-fancy-box-layout8.style1 .item--description {
    height: auto;
}
.why-choose-four-boxes .ct-fancy-box-layout8.style1 .item--title {
    height: auto;
}
.three-what-look .item--description {
    height: auto;
}
.five-boxes-peo-wrap .ct-fancy-box-layout5 .item--title {
    height: auto;
}
.commitement-wrap{
    padding: 0 15px !important;
}
.ct-fancy-box-layout7 .item--button a {
    height: 50px;
    align-items: flex-start;
}
.ct-process-grid1 .item--number {
    margin: 0 auto 10px auto;
}
.ct-process-grid1 .item--inner {
    margin-top: 40px;
    margin-bottom: 0;
}
.steps-boxes-wrap .item--title {
    height: auto;
    margin-bottom: 5px;
}
.services-boxes .ct-fancy-box-layout8.style1 .item--icon {
    min-width: 50px;
    min-height: 50px;
    height: 50px;
}
.services-boxes h4.item--title {
    height: auto;
}
.services-boxes .ct-fancy-box-layout8.style1 .item--inner {
    padding: 20px 20px 20px;
        gap: 10px;
}


}



@media (max-width:480px){
    .ct-fancy-box-layout7 .item--title {
        font-size: 20px;
        height: 55px;
        margin-bottom: 10px;
    }
}