/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/*common*/
.white, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white a{color: #fff;}
.justify{text-align:justify;}
.page-content section {padding-top: 80px;padding-bottom: 50px;}
.page-content section.wpb-content-wrapper {padding-top: 0;padding-bottom: 0;}
.porto-u-main-heading {margin-bottom: 3%;}
.wpcf7-form-control.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-captchar {width: 100%;min-height: 50px;border-color:#e8e8e8;border-radius: 2px;}
textarea.wpcf7-form-control {height: 80px;}
.wpcf7 .vc_row > div {margin-bottom: 15px;}
.wpcf7 .vc_row {margin-left: -15px;margin-right: -15px;}
.submit-btn input {width: 150px;}
.no-breadcrumbs .main-content {padding-top: 0;}
.pdt-30{padding-top:30px;}
.pdb-30{padding-bottom:30px;}
.mrgb-30{margin-bottom:30px !important;}
.slick-slider .slick-prev{left: -20px;}
.slick-slider .slick-next{right: -20px;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px;}
::-webkit-scrollbar-thumb{background:#2879fe;border-radius:30px;}
::-webkit-scrollbar-thumb:hover{background:#444;}
::-moz-selection {background: #2879fe;color:#fff;}
::selection {background: #2879fe;color:#fff;}
/*end common
 * header*/
.page-id-8 .page-content, .page-id-143 .page-content {
    margin-left: 20px;
}
.mega-menu.menu-hover-line>li.menu-item>a:before{background: #de1d5a !important;}
.left-sidebar-intro .vc_row.wpb_row.row.top-row.vc_custom_1666821368234.vc_row-has-fill {padding-top: 0 !important;padding-bottom: 0 !important;background-color: transparent !important;}
.porto-block{padding: .75rem;border-radius: 1rem;background-color: #fff;margin-top: 18px;}
.left-sidebar-intro .porto-sicon-box, .left-sidebar-intro .top-icon .porto-sicon-header {margin-bottom: 0 !important;}
.left-sidebar-intro .porto-sicon-box .porto-sicon-img, .left-sidebar-intro .porto-sicon-box .porto-sicon-img img {width: 9rem;}
.left-sidebar-intro .porto-sicon-box .porto-sicon-img{border:3px solid #e8e8e8;border-radius:100%;}
.left-sidebar-intro .center>.col-md-12>.vc_column-inner{margin-top: 3rem;margin-left: 0.1rem;margin-right:0.1rem;}
.left-sidebar-intro .viral-txt .vc_column-inner {border-top: 1px solid #e8e8e8;padding-top: 7px !important;margin-top:15px;color:#000;}
.left-sidebar-intro .viral-txt .wpb_content_element{margin-bottom: 10px;}
canvas {width: 60px !important;height: 60px !important;}
.circular-bar {margin-bottom: 0 !important;}
.circular-bar label{top: 15% !important;color: #de1d5a;}
.circular-bar strong{font-size:13px !important;top: 56% !important;line-height: 19px!important;color: #000;}
.home-intro h2 {line-height: 1.27;    letter-spacing: -1.8px;font-size: 44px;}
.home-intro h2>strong, .about h2>strong, .services h2>strong, .skills h2>strong, .resume h2>strong, .portfolio-section h2>strong, .contact h2>strong{color: #de1d5a;}
.home-intro, .about, .services, .skills, .resume, .portfolio-section, .contact{background-color: #fff;padding: 3.125rem !important;border-radius: 1rem;margin-bottom: 30px;}
.home-intro .porto-sicon-box, .about  .porto-sicon-box, .services>.mrgb-30 .porto-sicon-box, .skills .porto-sicon-box, .resume .porto-sicon-box, .portfolio-section .left-icon, .contact .col-md-12>.vc_column-inner> .left-icon{border: 1px solid #de1d5a4a;display: inline-flex;border-radius: 35px;padding-top: .5rem;padding-bottom: .5rem;0.55rem;line-height: 1rem;padding-left: 1.25rem;padding-right: 1.25rem;}
.home-intro .porto-icon, .about .porto-icon, .services .porto-icon, .skills .porto-icon, .resume .porto-icon, .portfolio-section .porto-icon,.contact .col-md-12>.vc_column-inner> .left-icon .porto-icon{font-size: 12px !important;padding-top: 6px;color:#de1d5a;}
.home-intro .porto-sicon-description, .about .porto-sicon-description, .services .porto-sicon-description, .resume .porto-sicon-description, .portfolio-section .porto-sicon-description, .contact .contact .col-md-12>.vc_column-inner>.porto-sicon-description{font-size: .75rem;text-transform: uppercase !important;color:#000;}
.special-li ul>li {list-style: none;position: relative;width: 50%;float: left;}
.special-li ul>li:before {content: "\e701";font-family: 'Porto';position: absolute;left: -25px;color: #de1d5a;}
.special-li ul>li {width: 50%;float: left;}
.home-intro .vc_btn3-inline a, .left-sidebar-intro .vc_btn3-center a {background-color: #de1d5a !important;color: #fff !important;border-color: #de1d5a !important;margin-top: 15px !important;padding-top: 10px !important;padding-bottom: 10px !important;padding-left:2.25rem !important;padding-right:2.25rem !important;font-size: 15px !important;font-weight: 500 !important;border-radius: 2.5rem !important;}
.left-sidebar-intro .vc_btn3-center a{background-color: transparent !important;color: #de1d5a !important;}
.stats-block .stats-number, div.stats-desc > div.counter_prefix, div.stats-desc > div.counter_suffix{font-size: 2.25rem !important;line-height: 2.5rem !important;color: #de1d5a;}
.stats-block .stats-text {font-size: .875rem !important;line-height: 1.25rem !important;font-weight: 500;}
.services .col-md-4 .vc_column-inner {padding: 13px !important;border: 1px solid #de1d5a4a; margin-bottom: 30px;border-radius:10px;transition: all 0.5s}
.services h3{font-size:16px;}
.services h2{padding-top: .5rem;}
.services .porto-sicon-box{margin-bottom:0 !important;}
.services .porto-sicon-header p{-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #00000040;position: absolute;right: 23px;bottom: 45px;font-size: 30px;opacity:0;transition: all .5s;}
.services .col-md-4 .vc_column-inner:hover{background-color:#faebd7;}
.services .col-md-4 .vc_column-inner:hover .porto-sicon-header p{opacity:1;-webkit-text-stroke-color: #000;}
/* .skills .porto-inner-container {margin-bottom: 30px;} */
.skills img {max-width: 60px;}
.skills .wpb_content_element{margin-bottom: 12px !important;}
.resume .timeline-balloon .balloon-time .time-text{color: #de1d5a !important;font-size: 13px;line-height: 1.25rem;font-family: 'Poppins';}
.timeline-balloon .balloon-content .balloon-photo img {border-radius: 0 !important;padding-top: 20px;}
html .background-color-light{background-color: #fff !important;}
.timeline-balloon {padding-bottom: 0 !important;}
.timeline-balloon .balloon-content{border-color: #fff !important;margin-left: 79px;}
.balloon-arrow{display:none;}
.timeline-balloon::before{top: 28px !important;  left: calc(170px - var(--porto-step-line-width, 1px) / 2) !important;}
.timeline-balloon .balloon-time .time-dot::before, .timeline-balloon .balloon-time .time-dot::after{left: 98%;}
.timeline-balloon .balloon-time .time-dot{width:100px;}
.resume h5 {font-size: 1.5rem !important;font-family: 'Poppins';}
.resume .wpb_content_element{0 !important;}
.step-item-desc {font-size: 1.1rem;line-height: 1.875;}
.portfolio-section .porto-sicon-img, .portfolio-section .porto-sicon-img img {width: 100%;}
.portfolio-section .porto-sicon-img{border-radius: 10px;}
.portfolio-section .col-md-6 .porto-sicon-box, .vc_grid-item .vc_grid-item-mini{box-shadow: 1px 1.732px 40px 0px rgb(0 0 0 / 10%);padding: 1.3rem;border-radius: 10px;margin-bottom: 30px;}
.portfolio-section .porto-sicon-box .porto-sicon-header {margin-bottom: 0;}
.portfolio-section .col-md-6 h3 {font-weight: 500;font-size: 20px;}
.contact .col-md-5 .porto-sicon-box.left-icon {justify-content: center;align-items: center;}
.contact .col-md-5 .porto-icon {color: #de1d5a;}
.contact .col-md-5 .porto-sicon-description{margin-top:0 !important;}
.contact .col-md-5 a {color: #777777;}
.single-projects {padding-top: 17px !important;}
.single-projects .col-md-12>.vc_column-inner{padding: 3.125rem !important;background: #fff;border-radius: 1rem;}
.single-projects .col-md-12 .vc_column-inner {padding-bottom: 0 !important;}
/* responsive */
@media (max-width: 400px) {
	.skills .col-md-4 {width: 33% !important;}
	.resume h5 {line-height: 25px;}
	.home-intro .col-md-5 img {display: none !important;}
	.home-intro {padding-bottom: 0 !important;}
	#home-intro, #about, #services, #resume, #skills, #portfolio, #contact {margin-right: 3px;}
}
@media (max-width: 767px) {
	.skills .col-md-4, .services .col-md-4 {width: 33% !important;}
	.timeline-balloon .balloon-content{margin-left:5px !important;}
	.timeline-balloon .balloon-time .time-text{top: -10px !important;left: 24%;}
	h2{font-size: 25px !important;}
	.special-li ul>li {width: 100%;}
	.left-sidebar-intro h3 {font-size: 20px !important;}
	.resume h5 {line-height: 25px;}
	#home-intro, #about, #services, #resume, #portfolio, #contact {margin-right: 3px;}
}