/*
Theme Name: Itfirm Child
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.3.8
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: itfirm
Text Domain: itfirm-child
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.
*/

:root {
    --orange: #FF8200;
    --white: #ffffff;
    --link-color: grey;
}
body #page .ct-breadcrumb li:after{
    color: var(--orange);
}
.slick-dots-line1 .slick-dots li.slick-active button {
    background-color: #ffa500 !important;
}
.text-gradient, .ct-tabs3 .ct-tabs-title .ct-tab-title::before,
.ct-testimonial-carousel4 .item--position span,
.ct-testimonial-carousel4 .item--image::before,
.slick-arrows-1 .ct-slick-carousel .slick-arrow::after,
.ct-slick-arrow-style2 .ct-slick-carousel .slick-arrow::after,
.scroll-top,
.ct-nav-carousel .nav-slick::after,
.ct-blog-carousel-layout2 .item--title a:hover,
.slick-dots-style3 .slick-dots li.slick-active button,
.ct-video-button.style1:before,
.ct-modal .ct-modal-close {
    background-image: linear-gradient(to left, var(--orange), #db7100) !important;
}
.text-gradient, .btn.btn-secondary:not(:hover) i, .btn-text-gr, .ct-main-menu .ct-item--number span, .widget_ct_recent_posts .item-date i, .ct-list .ct-list-item i, .ct-pricing-single1 .pricing--icon i, .ct-search-popup1.style1 i, .ct-fancy-box-layout1.style1 .item--icon i, .ct-fancy-box-layout1.style2 .item--icon i, .ct-fancy-box-layout2 .item--icon i, .ct-fancy-box-layout3.style1 .item--icon i, .ct-fancy-box-layout3.style2 .item--icon i, .ct-fancy-box-layout4 .item--icon i, .ct-fancy-box-layout5 .item--icon i, .ct-fancy-box-layout8.style2 .item--icon i, .ct-heading .item--sub-title.style-box-gr span, .ct-heading .item--text-below, .ct-blog-carousel-layout2 .item--title a:hover, .ct-blog-grid-layout2 .item--title a:hover, .ct-blog-carousel-layout2 .item-date i, .ct-blog-grid-layout2 .item-date i, .ct-blog-carousel-layout2 .item--readmore a i, .ct-blog-grid-layout2 .item--readmore a i, .ct-blog-carousel-layout2 .item--readmore a:hover, .ct-blog-grid-layout2 .item--readmore a:hover, .ct-blog-carousel-layout3 .item--meta .item-icon-box i, .ct-blog-carousel-layout5 .item--meta i, .ct-counter-layout1.style4 .ct-counter-icon i, .ct-counter-layout2.style1 .ct-counter-icon i, .ct-portfolio-carousel2 .item--readmore i, .ct-portfolio-carousel2 .item--title a:hover, .ct-portfolio-grid2 .item--readmore a i, .ct-tabs3 .ct-tabs-title .ct-tab-title i, .ct-team-grid2 .item--holder .item--details i, .ct-team-grid2 .item--social a:hover i, .ct-testimonial-carousel1 .item--icon i, .ct-testimonial-carousel2 .item--icon, .ct-testimonial-carousel2 .item--position span, .ct-testimonial-carousel4 .item--position span, .ct-testimonial-carousel5 .item--position span, .ct-testimonial-carousel5 .item--icon, .ct-testimonial-carousel8 .item--icon i, .ct-service-grid1 .item--icon i, .ct-service-carousel1 .item--icon i, .ct-service-external1 .item--inner:hover .item--icon i, .ct-info-box2.style1 .item--icon i, .ct-process-grid2 .item--icon i {
    background-image: linear-gradient(to right, var(--orange), #db7100) !important;
}
body #page .ct-button-wrapper .btn{
    box-shadow:0px 6px 6px 0px rgb(255 152 0 / 23%);
}
body #page .ct-button-wrapper .btn,
body #page .item--inner .item--overlay:before,
body #page .ct-service-external1 .item--overlay,
body #page .item--icon::before,
body #page .item--title::before,
body #page .btn.btn-dark1 {
    background: linear-gradient(90deg, var(--orange) 0%,#db7100 108% ) !important;
    transition: all 1.5s;
}
body #page .ct-button-wrapper .btn:hover {
    background: linear-gradient(90deg, #db7100 0%, var(--orange) ) !important;
}
#menu-main-menu .ct-nav-menu1.style2 .ct-main-menu > li > a::before,
#menu-main-menu .ct-nav-menu1.style3 .ct-main-menu > li > a::before {
    background-image: linear-gradient(to left, var(--orange), #000000);
}
#ct_logo-11e2f69.ct-logo.style3::before,
#ct_logo-6742c1c3.ct-logo.style3::before,
#ct_menu-909ae21.ct-nav-menu1.style2 .ct-main-menu > li > a::before, #ct_menu-909ae21.ct-nav-menu1.style3 .ct-main-menu > li > a::before,
body #page .ct-nav-menu1.style2 .ct-main-menu > li > a::before,
body #page .ct-nav-menu1.style3 .ct-main-menu > li > a::before,
body #page .ct-button-video2 .el-btn-video:before,
body #page .contact-wrapper  .item--inner:hover .item--icon i {
    background-image: linear-gradient(to left, #db7100, #FF8200) !important;
}
body #page .item--inner:hover .item--icon i{
    background-image: linear-gradient(to left, #fff, #ffffff) !important;
}
body #page .ct-service-grid2 .grid-item-inner:hover .item--featured:after {
    opacity: 1;
    border-radius: 0px;
}
.our-service-wrap .ct-service-grid2 .item--featured img {
    width: 100%;
    border-radius: unset;
    max-height:210px;
    object-fit:cover;	
}
.our-service-wrap .ct-service-grid2 .item--featured:before, .ct-service-grid2 .item--featured:after {
    border-radius: unset;
}
.our-service-wrap .ct-service-grid2 .item--featured {
    max-width: inherit;
}
.our-service-wrap .grid-item {
    position: relative !important;
    left: unset !important;
    top: unset !important;
    display: flex;
}
.our-service-wrap .ct-service-grid2 .grid-item-inner {
    height: calc(100% - 40px);
}
.about-wrap .el-btn-video {
    display: none;
}
.about-wrap .top-right {
    display: none;
}
.rating-wrap .elementor-widget-wrap {
    height: 460px;
}
.blog-box img {
    width: 100%;
    text-align: center;
}
.blog-box .elementor-image-box-img{
	border:8px solid #fff;
}
.blog-box .elementor-image-box-img:hover{
    border:8px solid #ff8200;
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.blog-box .elementor-image-box-content {
    padding: 20px 20px 30px;
}
.footer-social .item--contact-info:last-child:hover .ct-contact-content{
    color: #ff8200;
}
#ct-header-elementor .ct-header-elementor-sticky{
    background-color: #fff;
}

/***** 5-10-023 ******/

.policy-text-wrap ul li{
    line-height:2;
}
.policy-text-wrap h3{
    font-size:30px;
    margin-top: 40px;
}
.policy-text-wrap h2{
    margin-top: 40px;
    font-size:34px;
}
.blog-box > div {
    height: 100%;
}
body #page .ct-contact-info .ct-contact-icon i {
   color: linear-gradient(to left, #db7100, #FF8200) !important;
}
#ct_contact_info-6e9587a5.ct-contact-info .ct-contact-icon i,
#ct_contact_info-29749f83.ct-contact-info .ct-contact-icon i,
#ct_contact_info-2e9c30f4.ct-contact-info .ct-contact-icon i{
    background-image: linear-gradient(to left, #db7100, #FF8200) !important;
}
.it-partner .ct-banner2 .ct-banner-image::before { background-color:#ffecd9;  }
.testimonial-wrapper .ct-slick-carousel.slick-initialized.slick-slider{
    padding-right: 0px;
}
.llc-box .item--inner.wow.fadeInUp {
    height: 100%;
    min-height: 384px;
}
.ct-logo.style3 img {
    max-height: 90px !important;
}
.ct-loading-ito .item-1, .ct-loading-ito .item-3, .ct-loading-ito .item-2::before{
	background-color:#FF8200 !important;
}
.ct-loading-ito .item-2 {
    background-color: transparent !important;
    border: 3px solid #db7100 !important;
}
.ct-loading-ito .item-4 {
    background-color:#db7100 !important;
}
.ct-cursor .ct-cursor--follower{
	background-color:#ff8200 !important;
}
.ct-contact-icon span:hover { color:red }
.blog-box:hover .elementor-widget-image-box .elementor-image-box-title a{
	color:#ff8200;
}
.ct-language-switcher1 .current--item { display:none !important; }

#ct-header-elementor .ct-header-elementor-sticky {
    background-color: #fff;
    top: -83px !important;
}
.elementor-slideshow__footer{
	display:none;
}
.custom_banenr{
    background:#A7A7A7;
}
.shopbtn-row {
    padding: 40px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;    
}
.shopbtn-row h3{
    padding-right:15px;
    margin-bottom:0px;
    color: #FFFFFF;
    font-size: 30px;
}
a.shopbtn_ctm {
    border-radius: 30px !important;
}

@media only screen and (max-width: 1400px){
	.ct-logo.style3 img {
       max-height: 55px !important;
    }
}

@media screen and (max-width: 1199px){
    .ct-logo-mobile img {
        max-height: 100px !important;
        max-width: 210px !important;
    }    
    #ct-header-default .ct-header-branding img, .ct-header-mobile .ct-header-branding img {
        margin: 0px 15px;
        max-height: 100px !important;
    }
}

@media screen and (max-width: 767px){
    .elementor-2828 .elementor-element.elementor-element-a449ec7 > .elementor-element-populated {
        padding: 15px 0px 15px 15px !important;
    }
    .elementor-9981 .elementor-element.elementor-element-f98bb2a > .elementor-container > .elementor-column > .elementor-widget-wrap {
        justify-content: center;
    }
    .elementor-9981 .ct-button-video2{
        margin: 0 auto;
    }
    .shopbtn-row {
        flex-direction:column;
    }
    .shopbtn-row{
        text-align:center;
    }
    .shopbtn-row h3 {
        margin-bottom: 15px;
    }
}