/*
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 css */
body{
	scroll-behavior: smooth !important;
}
.white, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white a, .white p{color: #fff;}
.justify{text-align:justify;}
.page-content section {padding-top: 70px;padding-bottom: 70px;}
.page-content section.wpb-content-wrapper {padding-top: 0;padding-bottom: 0;}
.porto-u-main-heading {margin-bottom: 3%;}
h2 { margin-bottom: 10px;}
.wpcf7-form-control.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-captchar {width: 100%;min-height: 50px;border-color: rgba(4,4,4,.4);border-radius: 2px;}
#popup-builder .wpcf7-form-control.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-captchar {min-height: 35px; !important}
.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;}
.slick-slider .slick-prev{left: -20px;}
.slick-slider .slick-next{right: -20px;}
.share-links .share-twitter:before {content: "\e61b";}
::-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;}
.vc_column_container>.vc_column-inner{padding-left:0;padding-right:0;}
/* end common css */

/* home */
.banner-section .slick-slider .slick-next,.banner-section .slick-slider .slick-prev {
    background-color: rgba(2555, 255, 255, 0.5);
	color: #333;
}
.banner-section .slick-slider .slick-next {right: 30px;}
.banner-section .slick-slider .slick-prev {left: 30px}
#banner-wrapper .porto-carousel-wrapper {margin-bottom: 0}
h2 {
	color: #212529;
font-size: 2.2em;
    font-weight: 700;
    line-height: 42px;
    margin: 0;
    letter-spacing: -.05em;
}
h2 strong  {
    color: #ff882b;
}

p {
color: #323232;
    line-height: 26px;
    margin: 0 0 20px;
}
.about-image-col {padding: 0 3rem}
.br20-image img {border-radius: 20px}
.about-call-box .porto-sicon-description h5{
	color: #fff;
	    font-size: .8em ;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0
}
.about-call-box .porto-sicon-description a {
	color: #fff;
	font-size: 19px;
	font-weight: bolder;
	transition: all 0.4s;
}
.about-call-box .porto-sicon-description p {margin-bottom: 0}
.about-call-box {
    max-width: 250px;
    background: #002460;
    color: #fff;
    padding: 1.25rem;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
hr {
	width: 60px;
	background-color: #ff882b;
	margin-top: 14px;
	margin-bottom: 14px;
}
hr:not([size]) {
    height: 4px;
}
.service-section-main {
	background-color: #5aa1e329;
}
.service-section h2 {line-height: 1}
.service-section hr,.testimonials-section hr, .faq-section hr {margin: 22px auto}
.service-section .top-icon .porto-just-icon-wrapper, .service-section .top-icon .porto-just-icon-wrapper img {
	width: 100%;
	transition: ease opacity 300ms;
}
.service-section .top-icon .porto-just-icon-wrapper {
    margin-bottom: 0;
}
.service-section .top-icon .porto-just-icon-wrapper img:hover {opacity: 0.85}
.service-section h4.porto-sicon-title{
    font-size: 1.4em;
padding: 12px 14px;
    margin: 0;
    background-color: #ff882b;
    font-weight: 500 ;
line-height: 1.5 ;
letter-spacing: 0;
	text-align: left;
	color: #fff
}
.service-section .porto-sicon-box {
    margin-bottom: 30px;
}
.why-choose-section .porto-sicon-box{
	display: flex;
    padding: 20px 10px;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    margin-bottom: 1.5rem;
}
.why-choose-section .porto-sicon-box img{
	width: 60px;
	height: 60px;
}
.why-choose-section .porto-sicon-box .porto-sicon-img {font-size: 60px}
.why-choose-section .porto-sicon-box h3.porto-sicon-title {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px !important;
line-height: 24px;
letter-spacing: -.05em;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}
.about-call-box i {
  color: transparent;
  -webkit-text-stroke: 1.5px #fff;
	font-size: 28px;
	transition: transform 0.3s ease;
}
.about-call-box:hover i {
	animation: callRotate 0.8s linear infinite;
}
@keyframes callRotate{
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(10deg); }
  50%  { transform: rotate(0deg); }
  75%  { transform: rotate(-10deg); }
  100% { transform: rotate(0deg); }
}
.about-call-box .porto-sicon-left .porto-icon {margin-right: 15px}
section.vc_section.red-bg-section {background-color: #ff882b;padding: 1.615385rem 0;}
.red-bg-section .wpb_content_element {margin-bottom: 0}
.red-bg-section .red-bg-text p{
	font-weight: 400;
	    line-height: 1.6;
	    font-size: 1.2em;
}
section.vc_section.testimonials-section {background-color: #5aa1e329;padding-top: 50px;padding-bottom: 50px;}
.testimonials-section .testimonial.testimonial-advance blockquote:before {
	font-family: "Font Awesome 6 Free";
	    font-weight: 900;
    font-size: 20px;
	color: #ff882b;
		
}
.testimonials-section .porto-testimonial .p-b-md {padding-bottom: 0 !important}
.testimonials-section .porto-testimonial .m-b-md {margin-bottom: 0 !important}
body .testimonials-section .porto-carousel-wrapper {margin-bottom: 10px}
.testimonials-section .testimonial.testimonial-advance blockquote p{
	color: #212529;line-height: 26px;
	font-size: 14px;
	font-weight: 300;
	text-align: center
}
.testimonials-section .testimonial.testimonial-advance blockquote:after {content: none}
.testimonials-section .testimonial.testimonial-advance blockquote {padding-top: 10px}
.testimonials-section .testimonial.testimonial-advance {
	padding: 2rem;
	border: 1px solid rgba(0, 0, 0, .06);
	border-radius: 7px;
	background-color: #fff;
	min-height:328px;
}
.testimonial .testimonial-author {margin: 12px auto 0;    width: 100%;    text-align: center;float: none}
.faq-section section {padding-top: 0;padding-bottom: 0}
.faq-section section.toggle label {
	  padding: 20px 30px;
    background-color: #ff833c;
    transition: ease background-color 300ms, ease color 300ms;
    color: #ffffff;
    border: none;
    font-weight: 700;
}
.faq-section section.toggle label:hover{
    color: #00285d;
    background-color:#5aa1e329;
}
.toggle.active > label{
	color: #00285d !important;
    background-color:#5aa1e329 !important;
}
.faq-section section.toggle .toggle-content {border: 1px solid #dbdbdb;padding: 2rem;border-top: 0}
html #topcontrol {border-radius: 4px}
a#whatsapp, a#call-now{
    color: #fff;
    background-color: #0dc143;
    width: 52px;
    height: 52px;
    position: fixed;
    bottom: 60px;
    right: 10px;
    border-radius: 100%;
    z-index: 999;
    line-height: 52px;
    font-size: 30px;
    text-align: center;
	animation-name: jiggle;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
a#call-now {
    bottom: 130px ;
    background-image: unset ;
    text-align: center;
    color: #fff;
    background-color: #0071ac;
 animation: wiggle 4s 2s infinite !important;
}
@keyframes jiggle {
	0%, 65% {
    transform: scale(1, 1);
}
	2% {
    transform: scale(0.9, 1.1) translatey(-5px);
}
	4% {
    transform: scale(0.8, 1.2) translatey(-10px);
}
	6% {
    transform: scale(0.9, 1.1) 
	}
8% {
    transform: scale(1.1, 1.2) translatey(-10px);
}
	11% {
    transform: scale(1.1, 1.1) translatey(-5px);
}
}
@keyframes wiggle {
	5%, 50% {
    transform: scale(1);
}
	10% {
    transform: scale(0.9);
}
	15% {
    transform: scale(1.15);
}
	20% {
    transform: scale(1.15) rotate(-5deg);
}
	25% {
    transform: scale(1.15) rotate(5deg);
}
	30% {
    transform: scale(1.15) rotate(-3deg);
}
	35% {
    transform: scale(1.15) rotate(2deg);
}
	40% {
    transform: scale(1.15) rotate(0);
}
}
#footer {
    background: #1f1f1f ;
    font-size: .9em;
}
.footer .widget-title {    
	    font-size: 1.5em ;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 1rem ;
	    line-height: 18px;
}
.footer p , .footer .widget > div > ul li{
	    font-size: 14px;
    color: #e1e1e1 ;
	line-height: 26px;
}
#footer .footer-main>.container {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
.widget.contact-info i {color: #ff882b}
#footer .footer-bottom {
    background-color: #161616;
	 color: #e1e1e1;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 15px;
}
#footer .footer-bottom .container>div {text-align: center}
.footer .widget {margin-bottom: 0}
.footer a:not(.btn){color: #fff}
.page-id-11 .no-breadcrumbs .main-content {padding-bottom: 0}
.footer #media_image-2 {text-align:center}
.footer a:not(.btn):hover {color: #ff882b}

.praa-btn-flex.vc_column_container.col-md-12 .wpb_wrapper {
    display: flex;
}
.call-btn {
    width: 50%;
    margin-right: 5px;
	margin-bottom:0 !important;
}
.praa-form-btn a {
    background: #0070a6 !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 0px;
}

a.porto-btn.porto-adjust-bottom-margin.porto-btn-normal.porto-btn-no-hover-bg.wpb_custom_fa51088c2567b780100c1edcf8821d3b.porto-btn-left {
    width: 100%;
}
.inner-services-box > .wpb_wrapper.vc_column-inner {
    padding: 15px 15px 7px 15px;
    background-color: #fff;
	margin:15px 0px;
}
.inner-services-box .porto-sicon-box {
    margin-bottom: 15px !important;
}
.call-btn a {
    background: #ff8229 !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 0px;
}
.praa-form-btn {
    width: 50% !important;
}
.praa-form-btn .porto-lightbox a {
width:100% !important;
    background: #006caa !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 0px;
	display: block;
    text-align: center;
}
.praa-form-main {
  background: #ffffff;
  padding: 30px;
  border-radius: 12px;

}

.praa-form-main h3 {
  color: #002460; /* Bootstrap blue */
  font-weight: 700;
}

.praa-form-main label {
  font-weight: 600;
  color: #333;
}

.praa-form-main .form-control, .praa-form-main .form-select {
    border-radius: 8px;
    padding: 10px;
    height: 50px;
    border: 1px solid #9f9a9a !important;
}

.praa-form-main .btn-primary {
  background: linear-gradient(135deg, #006caa, #ff8229);
  border: none;
  border-radius: 30px;
  font-weight: 600;
}
textarea.form-control {
    min-height: calc(4.7143em + 0.75rem + 2px) !important;
}
.praa-menu-icon {
    display: flex;
    list-style: none;
    justify-content: center;
    align-items: center;
    margin: 0;
}
span.call-btn a {
    padding: 10px;
    margin-right: 15px;
}
span.form-btn a{
	 padding: 10px;
}
span.form-btn a {
    background: #006caa !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
}

/* end home */