/*
Style.css file to style front side
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Poppins:wght@400;500;600;700&family=Karla:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nobile:ital@0;1&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,600;0,700;0,800;0,900;1,600;1,700;1,800;1,900&display=swap');
body { font-family: 'Poppins', sans-serif; }
:root { 
--e-global-color-primary: #000000;
--e-global-color-secondary: #27BDBE;
--e-global-color-text: #5f5f5f;
--e-global-color-accent: #27BDBE;
--e-global-color-white: #ffffff;
--e-global-color-dark-cyan: #141414;
--e-global-color-mostly-black-cyan: #00283C;
--e-global-color-very-grayish-cyan: #b8d1d4;
--e-global-color-dark-grayish: #7f7d7d;
--e-global-color-desaturated-cyan: #284e52;
--e-global-color-very-dark-cyan: #141414;
--e-global-color-light-grayish-cyan: #d5fafe;
--e-global-color-pale-orange: #fff8ef;
--e-global-color-soft-orange: #f9c98f;
--e-global-color-grayish-cyan: #e2f0ed;
--e-global-color-moderate-cyan: #5cc3ce;
}
h1{ font-family: 'Poppins', sans-serif; font-size: 54px; line-height: 65px; font-weight: 700; color: var(--e-global-color-primary); }
h2{ font-family: 'Poppins', sans-serif; font-size: 44px; line-height: 50px; font-weight: 600; color: var(--e-global-color-primary); }
h3{ font-family: 'Poppins', sans-serif; font-size: 22px; line-height: 50px; font-weight: 600; color: var(--e-global-color-primary); }
h4{ font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 22px; line-height: 24px; color: var(--e-global-color-primary); }
h5{ font-family: 'Poppins', sans-serif; font-size: 20px; line-height: 25px; font-weight: 600; color: var(--e-global-color-primary); }
h6{ font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; color: var(--e-global-color-secondary); }
p{ font-weight: 400; font-size: 16px; line-height: 26px; color: var(--e-global-color-text); }
.sub_p{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 18px; line-height: 28px; color: var(--e-global-color-primary); } 
.pp{ font-weight: 400; font-size: 18px; line-height: 26px; color: var(--e-global-color-text); }
a, a:hover{color:#F27358;}

/* Home Page Style */


/* Home Page Header Section Style */
.banner-section-outer{ background-image: url('../images/banner.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
header { background: #00283c; }      /* dorian 05-07-2024 */
.main_header {	padding: 15px 0px 15px;	max-width: 1660px;	margin: auto;}
.navbar-collapse ul{ text-align: center; align-items: center;  display: inherit;  }
.navbar-expand-lg{ position: relative; z-index: 1; }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 0; padding-left: 0; }
.nav-link{ padding: 0; }
.navbar-brand { margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; }
.navbar-nav li { margin: 0 13px 0 15px; }
.navbar-nav li:first-child{ margin-left: 0; }
.navbar-nav li:last-child{ margin-right: 0; padding-right: 0; }
.navbar-nav .nav-item a{ font-size: 16px; line-height: 20px; font-weight: 500; color: #27BDBE !important; transition: all 0.3s ease-in-out; text-transform: uppercase; }
.navbar-nav .nav-item a:hover{ text-decoration:underline; background-color: transparent;  color: #Fff !important;}
.contact-u, .call-u {background-color: transparent;	background-image: linear-gradient(180deg, #F26522 0%, #EF4136 100%);	border-radius: 25px;	text-transform: uppercase;	padding: 8px 10px;	letter-spacing: 1px; font-weight: 500;transition:all .3s; color:#fff;}
.contact-u:hover, .call-u:hover {	opacity:.8; color:#fff}
.call-u {	background: #fff; color:#000;	}
.call-u:hover {	background-color: transparent;	background-image: linear-gradient(180deg, #F26522CC 0%, #EF4136C9 100%);}
.navbar-nav .nav-item .dropdown-item:hover{ color: var(--e-global-color-white) !important; background-color: var(--e-global-color-dark-cyan) !important; }
.navbar-nav .active > a{ font-weight:600; }
.navbar-nav .drop-down-pages .active > a{ color: var(--e-global-color-white) !important; background-color: var(--e-global-color-dark-cyan) !important; }
.last_list a{ display: inline-block; }
.last_list .last_list_atag{ color: var(--e-global-color-white) !important; margin-right: 20px; font-size: 20px; line-height: 20px; font-weight: 500; transition: all 0.3s ease-in-out; }
.last_list .last_list_atag:hover{ color: var(--e-global-color-accent) !important; } 
.last_list i{ line-height: 20px; font-size: 20px; color: var(--e-global-color-white)!important; margin-right: 10px; transition: all 0.3s ease-in-out; }
.last_list i:hover{ color: var(--e-global-color-accent)!important; }
.navbar-collapse .drop-down-pages { text-align: left; margin-left: 0; }
.navbar-nav .dropdown-menu { background-color: var(--e-global-color-white); position: absolute; left: -30px; top: 30px; padding: 0; border: none; box-shadow: 1px 1px 30px rgb(0 0 0 / 1%); }
.navbar-nav .drop-down-pages li{ margin: 0; }
.navbar-nav .drop-down-pages .nav-item a { font-size: 18px; line-height: 18px; font-weight: 400; padding: 12px 20px; }
.navbar-expand-lg .drop-down-pages .nav-link { padding-left: 0; }

/* Home Page Banner Section Style */
.banner-section-content .btn_wrapper {	z-index: 1;	position: relative;}
.banner-section{ padding: 100px 235px 100px; position: relative; }
.banner-section .banner-section-content{ padding-top: 20px; position: relative; }
.banner-section h1{ margin-bottom: 15px;  color:#fff;}
.banner-section h1 span {	color: #F27358;}
.banner-section p{ font-weight: 400; font-size: 22px; line-height: 32px; color: #fff; margin-bottom: 25px; padding-right: 60px;max-width: 550px; }
.btn_wrapper .getstarted_btn { margin-right: 18px; font-weight: 500; font-size: 16px; line-height: 20px; padding: 12px 40px; text-align: center; color: #fff; display: inline-block; color: #FFFFFF;
	background-color: transparent;	background-image: linear-gradient(180deg, #F26522 0%, #EF4136 100%); border-radius: 50px; transition: all 0.3s ease-in-out;text-transform:uppercase; }
.btn_wrapper .getstarted_btn:hover { background-color: transparent !important;	background-image: linear-gradient(180deg, #F26522CC 0%, #EF4136C9 100%);}
.btn_wrapper .aboutus_btn { font-weight: 500; font-size: 16px; line-height: 20px; padding: 12px 40px; text-align: center; color:#000; display: inline-block; background-color:#fff; border-radius: 50px; transition: all 0.3s ease-in-out; text-transform:uppercase; }
.btn_wrapper .aboutus_btn:hover { background-color: #F27358; color: var(--e-global-color-white); }
.banner-section .banner-section-image figure{ position: relative; z-index: 1; }
.banner-section .banner-section-image img{ margin-top: -50px; margin-left: 150px; }
.banner-section-outer .banner-section .banner-section-content .banner_yellow_line { position: absolute; left: 335px; top: 153px; }
.banner-section-outer .banner-section .banner_yellow_icon { position: absolute; left: 0; top: 110px; } 
.banner-section-outer .banner-section .banner_va_icon { position: absolute; left: -15px;  bottom: -10px;  max-width: 350px; }
.banner-section-outer .banner-section .banner_bottom_white_icon { position: absolute; left: 470px; bottom: 0; }
.banner-section-outer .banner-section .banner_right_top_icon { position: absolute; right: 0; top: -76px; }
.banner-section-outer .banner-section .banner_right_bottom_icon { position: absolute; right: 0; bottom: 180px; }
.banner-section-outer .banner-section .banner_yellow_green_icon { position: absolute; left: 26px; top: 20px; }
.banner-section-outer .banner-section .banner_white_circle_icon { position: absolute; right: 8px; top: 158px; }

/* Home Page About Us Section Style */
.aboutus_section{ padding: 140px 0; position: relative; } 
.aboutus_section .images_wrapper{ position: relative; }
.aboutus_content{ padding-left: 50px; } 
.aboutus_content h6{ letter-spacing: 1px; margin-bottom: 12px; }
.aboutus_content h2 { margin-bottom: 14px; }
.aboutus_content p{ margin-bottom: 12px; }
.aboutus_content .margin_bottom{ margin-bottom: 32px; }
.aboutus_content .btn_wrapper .readmore_btn { font-weight: 500; font-size: 16px; line-height: 19px; padding: 14px 40px; text-align: center; color: var(--e-global-color-white); display: inline-block; background-color: transparent;
	background-image: linear-gradient(180deg, #F26522 0%, #EF4136 100%);  border-radius: 50px; transition: all 0.3s ease-in-out; text-transform:uppercase }
.aboutus_content .btn_wrapper .readmore_btn:hover { background-color: transparent;	background-image: linear-gradient(180deg, #F26522CC 0%, #EF4136C9 100%); }
.aboutus_section .aboutus_shape{ position: absolute; bottom: 0; left: 330px; z-index: -1; } 

/* Home Page Our Services Section Style */
.services_section{ padding: 150px 0 105px; background-image: url(../images/service_sec_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }
.services_content{ margin-top: 45px; }
.services_content h6{ letter-spacing: 1px; margin-bottom: 12px; }
.services_content h2{ margin-bottom: 15px; } 
.services_content p{ margin-bottom: 14px; }
.services_content ul{ margin-bottom: 30px; }
.services_content ul li{ font-weight: 600; font-size: 20px; line-height: 30px; color: var(--e-global-color-primary); margin-bottom: 15px; }
.services_content ul li i{ border: 1px solid var(--e-global-color-secondary); border-radius: 100%; background-color: transparent; color: var(--e-global-color-secondary); font-size: 16px; line-height: 26px; height: 26px; width: 26px; margin-right: 14px; text-align: center; transition: all 0.3s ease-in-out; border-top-style: none; border-right-style: none; }
.services_content .btn_wrapper .get_started_btn { font-weight: 500; font-size: 19px; line-height: 19px; padding: 22px 58px; text-align: center; color: var(--e-global-color-white); display: inline-block; background-color: var(--e-global-color-accent); border-radius: 50px; transition: all 0.3s ease-in-out; }
.services_content .btn_wrapper .get_started_btn:hover { background-color: var(--e-global-color-secondary); color: var(--e-global-color-white); }
/* .services_box_wrapper{display: flex; flex-direction: column; height: calc(100% - 25px);  width: 100%; background-image: linear-gradient(155deg, rgb(227, 68, 75) 0%, rgb(0, 0, 0) 100%); display: inline-block; align-items: center; padding: 35px 45px 25px; border-radius: 15px; margin-bottom: 32px; text-align: center; transition: all 0.3s ease-in-out; } */

.services_box_wrapper {
	width: 100%;
	background-color: var(--e-global-color-white);
	display: inline-block;
	align-items: center;
	padding: 45px 45px 35px;
	border-radius: 15px;
	margin-bottom: 32px;
	text-align: center;
	border: 1px solid var(--e-global-color-accent);
	transition: all 0.3s ease-in-out;
	position: relative;
	/*z-index: 1;*/
}

.services_box_wrapper:hover { transform: translateY(-10px); }
.services_box_wrapper figure{ margin: 0 0 25px; height: 81px; }
.services_box_wrapper h5{ margin-bottom: 18px; }
.services_section .services_left_icon { position: absolute; top: 135px; left: 0; }
.services_section .services_right_icon { position: absolute; top: 270px; right: 0; }
 

/* h5.box_txt_color {color: #ffff;} */


/* Home Page Our Process Section Style */
.our_process_section{ padding: 140px 0  100px; position: relative; } 
.our_process_section .our_process-content{ padding: 0 135px; position: relative; z-index: 1; text-align: center; } 
.our_process-content h6{ letter-spacing: 1px; margin-bottom: 12px; } 
.our_process-content h2{ margin-bottom: 18px; }
.our_process-content p{ margin-bottom: 42px; }
.our_process_section .our_process_shape{ position: absolute; top: 295px; left: 345px; z-index: -1; }
.our_process_box_content{ background-image: linear-gradient(155deg, var(--e-global-color-light-grayish-cyan) 0%, var(--e-global-color-pale-orange) 100%); width: 100%; border-radius: 15px; padding: 45px 32px; transition: all 0.3s ease-in-out; position: relative; }
.our_process_box_content:hover{ transform: translateY(-15px); }
.our_process_box_content .process_box_heading{ font-family: 'Poppins', sans-serif; font-size: 22px; line-height: 28px; font-weight: 600; color: var(--e-global-color-primary);  display: block; }
.our_process_box_content .process_box_paragraph{ font-size: 18px; line-height: 24px; font-weight: 400; margin-bottom: 0; color: #00283c;position:relative; padding-right:25px;} 
.our_process_box_content .process_box_paragraph::after{ position:absolute; content:""; right:-5px; top:-20px; background-image: url('../images/testi.png');
background-size: contain;background-repeat: no-repeat;background-position: center; width: 40px;  height: 31px; } 
.our_process_box_content .launch_track_padding{ padding-right: 118px; }

/* Home Page Virtual Employee Section Style */
.virtual_employee-section{ background-image: url('../images/virtual_employee_background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 100px 0 0; position: relative; } 
.virtual_employee-section .virtual_employee_image figure{ position: relative; }
.virtual_employee_content { padding-left: 42px; padding-top: 160px; }
.virtual_employee_content h6 { color: var(--e-global-color-white); letter-spacing: 2.8px; margin-bottom: 16px; }
.virtual_employee_content h2 { margin-bottom: 16px; color: var(--e-global-color-white); } 
.virtual_employee_content p{ color: var(--e-global-color-white); margin-bottom: 32px; }
.virtual_employee_content .btn_wrapper .get_started_btn { font-weight: 500; font-size: 19px; line-height: 19px; padding: 22px 58px; text-align: center; color: var(--e-global-color-primary); display: inline-block; background-color: var(--e-global-color-white); border-radius: 50px; transition: all 0.3s ease-in-out; }
.virtual_employee_content .btn_wrapper .get_started_btn:hover { background-color: var(--e-global-color-accent); color: var(--e-global-color-white); }
.virtual_employee-section .virtual_employee_left_icon{ position: absolute; top: 295px; left: 0; }
.virtual_employee-section .virtual_employee_right_top_icon{ position: absolute; top: -145px; right: 0; }
.virtual_employee-section .virtual_employee_right_bottom_icon{ position: absolute; bottom: 172px; right: 0; }
.virtual_employee-section .virtual_employee_bottom_icon{ position: absolute; bottom: 0; right: 660px; }
.virtual_employee-section .virtual_employee_yellow_icon{ position: absolute; bottom: -50px; left: -30px; }
.virtual_employee-section .row {display: none;}


/* Home Page Case Studies Section Style */
.case_studies_section{ padding: 140px 0; position: relative; }
.case_studies_section .case_studies-content{ padding: 0 135px; text-align: center; }
.case_studies-content h6 { letter-spacing: 2.8px; margin-bottom: 12px; }
.case_studies-content h2 { margin-bottom: 18px; } 
.case_studies-content p { margin-bottom: 40px; }
.case_studies_image{ position: relative; margin-bottom: 185px; transition: all 0.3s ease-in-out; }
.case_studies_image:hover{ transform: translateY(-15px); }
.case_studies_section .case_studies_box{ background-color: var(--e-global-color-white); position: absolute; width: 78%; display: inline-block; align-items: center; padding: 26px 40px 30px; left: 40px; bottom: -135px; border-radius: 10px; text-align: center; box-shadow: 0px 0px 100px 0px rgb(226 228 231); border-bottom: 2px solid var(--e-global-color-accent); }
.case_studies_box h4 { padding: 0 30px; margin-bottom: 10px; }
.case_studies_box p{ font-size: 18px; line-height: 22px; color: var(--e-global-color-text); font-weight: 400; margin-bottom: 20px; }
.case_studies_box i{ border: 1px solid var(--e-global-color-secondary); border-radius: 100%; background-color: var(--e-global-color-secondary); color: var(--e-global-color-white); font-size: 20px; line-height: 44px; height: 44px; width: 44px; text-align: center; transition: all 0.3s ease-in-out; }
.case_studies_section .btn_wrapper{ text-align: center; }
.case_studies_section .btn_wrapper .viewall_btn { font-weight: 500; font-size: 19px; line-height: 19px; padding: 22px 74px; text-align: center; color: var(--e-global-color-white); display: inline-block; background-color: var(--e-global-color-accent); border-radius: 50px; transition: all 0.3s ease-in-out; }
.case_studies_section .btn_wrapper .viewall_btn:hover { background-color: var(--e-global-color-secondary); color: var(--e-global-color-white); }
.case_studies_section .case_studies_shape { position: absolute; left: 490px; top: 296px; z-index: -1; }

/* Home Page Choose Us Section Style */
.choose_us-section{ background-image: url('../images/choose_us_background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 100px 0 140px; position: relative; }
.choose_us_content { padding-top: 120px; }
.choose_us_content h6 { letter-spacing: 2.8px; margin-bottom: 14px; }
.choose_us_content h2 { margin-bottom: 12px; letter-spacing: -0.5px; }
.choose_us_content p{ margin-bottom: 32px; }
.choose_us-section .box{ display: inline-block; background-color: var(--e-global-color-white); width: 29.3%; align-items: center; padding: 30px 15px; border-radius: 15px; text-align: center; border-bottom: 2px solid var(--e-global-color-accent); margin-right: 28px; transition: all 0.3s ease-in-out; }
.choose_us-section .box:hover{ transform: translateY(-10px); }
.choose_us-section .box h2{ color: var(--e-global-color-dark-cyan); margin-bottom: 0; }
.choose_us_image{ padding-left: 40px; margin-top: -10px; } 
.choose_us-section .choose_us_left_icon { position: absolute; top: 135px; left: 0; }
.choose_us-section .choose_us_right_icon { position: absolute; top: 270px; right: 0; }
.choose_us-section .choose_us_yellow_icon{ position: absolute; top: 75px; left: -50px; }

/* Home Page Testimonials Section Style */
.testimonials-section{padding: 50px 0 50px; text-align: center; background-image: url(../images/Testimonials_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } 
.testimonials-section h6{ letter-spacing: 2.8px; margin-bottom: 12px; }
.testimonials-section h2{ margin-bottom: 10px; }
.testimonials-section .testimonial_wrapper{ position: relative; }
.testimonial_wrapper .testimonials_shape1{ position: absolute; top: 0; left: 0; }
.testimonial_wrapper .testimonials_shape2 { position: absolute; top: 76px; left: -140px; }
.testimonial_wrapper .testimonials_shape3 { position: absolute; top: 266px; left: -24px; }
.testimonial_wrapper .testimonials_shape4 { position: absolute; top: 165px; left: 102px; }
.testimonials-section .owl-carousel .owl-nav{ display: block !important; margin-top: 30px; text-align: center; }
.testimonials-section .owl-carousel .owl-nav .owl-prev{ width: 60px; height: 60px; line-height: 68px; border-radius: 100px; margin: 0 10px; background: #F27358; transition: all 0.3s ease-in-out; outline: none; }
/* .testimonials-section .owl-carousel .owl-nav .owl-prev:hover{ background: var(--e-global-color-white); } */
.testimonials-section .owl-carousel .owl-nav .owl-prev span { font-size: 28px; line-height: 50px; color: var(--e-global-color-white); }
/* .testimonials-section .owl-carousel .owl-nav .owl-prev span:hover { font-size: 28px; line-height: 50px; color: var(--e-global-color-primary); } */
.testimonials-section .owl-carousel .owl-nav .owl-next{ width: 60px; height: 60px; line-height: 68px; border-radius: 100px; margin: 0 10px; background: #F27358; transition: all 0.3s ease-in-out; outline: none; }
/* .testimonials-section .owl-carousel .owl-nav .owl-next:hover{ background: var(--e-global-color-white); } */
.testimonials-section .owl-carousel .owl-nav .owl-prev:hover,.testimonials-section .owl-carousel .owl-nav .owl-next:hover{ background: #d9664e;}
.testimonials-section .owl-carousel .owl-nav .owl-next span { font-size: 28px; line-height: 50px; color: var(--e-global-color-white); }
/* .testimonials-section .owl-carousel .owl-nav .owl-next span:hover { font-size: 28px; line-height: 50px; color: var(--e-global-color-primary); } */
.testimonials_content i{ font-size: 42px; line-height: 85px; height: 85px; width: 85px; border-radius: 100%; text-align: center; margin-bottom: 20px; background-color: var(--e-global-color-secondary); color: var(--e-global-color-white); } 
.testimonials_content p{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 22px; line-height: 33px; color: var(--e-global-color-white); } 
.testimonials_content .testimonials_wrapper{ display: inline-block; }
.testimonials_content .testimonials_name{ font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 20px; line-height: 20px; color: var(--e-global-color-white); margin-bottom: 8px; }
.testimonials_content .testimonials_desc{ font-weight: 400; font-size: 16px; line-height: 16px; color: var(--e-global-color-white); }
.testimonial_wrapper .testimonials_shape5 { position: absolute; top: 10px; right: 90px; }
.testimonial_wrapper .testimonials_shape6 { position: absolute; top: 64px; right: -138px; }
.testimonial_wrapper .testimonials_shape7 { position: absolute; top: 275px; right: -102px; }
.testimonial_wrapper .testimonials_shape8 { position: absolute; top: 178px; right: 72px; } 
.testi_head {color: #00283c;}
.testimonials_content {width: 80%; margin: auto; }
/* .testimonials-section .test_align {display: flex; justify-content: center; align-items: center;} */



/* Eva about section */
.eva_section { padding: 123px 0; position: relative; } 
.eva_section .images_wrapper{ position: relative; }
.eva_content{ padding-left: 50px; } 
.eva_content h6{ letter-spacing: 1px; margin-bottom: 12px; }
.eva_content h2 { margin-bottom: 14px; }
.eva_content p{ margin-bottom: 12px; }
.eva_content .margin_bottom{ margin-bottom: 32px; }
.eva_content .btn_wrapper .readmore_btn { font-weight: 500; font-size: 16px; line-height: 19px; padding: 14px 40px; text-align: center; color: var(--e-global-color-white); display: inline-block; background-color: var(--e-global-color-accent); border-radius: 50px; transition: all 0.3s ease-in-out; text-transform:uppercase }
.eva_content .btn_wrapper .readmore_btn:hover { background-color: var(--e-global-color-secondary); color: var(--e-global-color-white); }
.eva_section .aboutus_shape{ position: absolute; bottom: 0; left: 470px; top: 100px; z-index: -1; } 
.eva_section .ava_align {display: flex; justify-content: center; align-items: center;}


/* Home Page Outsource Section Style */
.outsource_section{ padding: 50px 0 105px; background-image: url('../images/services_background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }
.outsource_content{ margin-top: 45px; }
.outsource_content h2{ margin-bottom: 50px; text-align: center; } 
.outsource_content ul{ margin-bottom: 30px; }
.outsource_content ul li{ font-weight: 600; font-size: 20px; line-height: 30px; color: var(--e-global-color-primary); margin-bottom: 15px; }
.outsource_content ul li i{ border: 1px solid var(--e-global-color-secondary); border-radius: 100%; background-color: transparent; color: var(--e-global-color-secondary); font-size: 16px; line-height: 26px; height: 26px; width: 26px; margin-right: 14px; text-align: center; transition: all 0.3s ease-in-out; border-top-style: none; border-right-style: none; }
.outsource_content .btn_wrapper .get_started_btn { font-weight: 500; font-size: 19px; line-height: 19px; padding: 22px 58px; text-align: center; color: var(--e-global-color-white); display: inline-block; background-color: var(--e-global-color-accent); border-radius: 50px; transition: all 0.3s ease-in-out; }
.outsource_content .btn_wrapper .get_started_btn:hover { background-color: var(--e-global-color-secondary); color: var(--e-global-color-white); }
/* .services_box_wrapper{ width: 100%; background-color: var(--e-global-color-mostly-black-cyan); display: inline-block; align-items: center; padding: 45px 45px 35px; border-radius: 15px; margin-bottom: 32px; text-align: center; transition: all 0.3s ease-in-out; } */
.services_box_wrapper:hover { transform: translateY(-10px); }
.services_box_wrapper figure{ margin: 0 0 25px; height: 81px; }
.services_box_wrapper h5{ margin-bottom: 18px; }
.outsource_section .services_left_icon { position: absolute; top: 135px; left: 0; }
.outsource_section .services_right_icon { position: absolute; top: 270px; right: 0; }
/* p.sec_txt_col { color: #ffff;} */

/* Home page sysyem section */
.system_section{ padding: 50px 0 80px; position: relative; }
.system_section{ margin-top: 45px; }
.system_section h2{ margin-bottom: 50px; text-align: center; } 

/* Home page carrier section */
.carrier_section{ padding: 50px 0 80px; position: relative; }
.carrier_section{ margin-top: 45px; }
.carrier_section h2{ margin-bottom: 50px; text-align: center; } 

/* Home Page Send Message Section Style */
.send_message_section{ background-image: url('../images/send_message_background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 140px 0; position: relative; }
.send_message_section .send_message_box_content {background-color: #00283C; width: 100%; border-radius: 15px; padding: 105px 60px 98px; }
.send_message_box_content h6{ letter-spacing: 2.8px; margin-bottom: 12px; color: var(--e-global-color-white); }
.send_message_box_content h2 {	margin-bottom: 26px;	color: #fff;	font-size: 35px; line-height: 48px;}
.send_message_box_content .btn_wrapper { margin-bottom: 30px; }
.send_message_box_content .btn_wrapper .get_started_btn { font-weight: 500; font-size: 19px; line-height: 19px; padding: 22px 58px; text-align: center; color: var(--e-global-color-primary); display: inline-block; background-color: var(--e-global-color-white); border-radius: 50px; transition: all 0.3s ease-in-out; margin-bottom: 30px; }
.send_message_box_content .btn_wrapper .get_started_btn:hover { background-color: var(--e-global-color-secondary); color: var(--e-global-color-white); } 
.send_message_box_content i{ margin-right: 10px; line-height: 36px; font-size: 36px; color: var(--e-global-color-white); }
.send_message_box_content .call_us {	font-weight: 500;	font-size: 19px;	line-height: 32px;	color: #fff;}
.send_message_box_content .call_us a{	font-weight: 500;	font-size: 19px;	line-height: 32px;	color: #fff;}
.send_message_box_content .phone_num{ font-weight: 600; font-size: 26px; line-height: 32px; color: var(--e-global-color-white); margin-left: 62px; }
.send_message_section .send_message_form_box_content { background-color: #c1e4eb; width: 99%; border-radius: 15px; padding: 50px 25px; border: 1px solid var(--e-global-color-secondary); margin-left: 10px; }
.send_message_form_box_content h6{ letter-spacing: 2.8px; margin-bottom: 30px; color: var(--e-global-color-primary); text-align: center; } 
.form_style::placeholder{ color: var(--e-global-color-dark-grayish); } 
/* .send_message_form_box_content input { margin-bottom: 15px; } */
.send_message_form_box_content input, .send_message_form_box_content select { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; line-height: 28px; background-color: var(--e-global-color-white);  color: var(--e-global-color-dark-grayish);  border: 2px solid var(--e-global-color-white); border-radius: 10px; padding: 10px 15px; width: 100%; overflow: visible; outline: none; appearance: none; -webkit-appearance: none;}
.send_message_form_box_content select{background-image:url(../images/arrow.png); background-repeat:no-repeat; background-position:right center; padding-right: 40px;}
.send_message_form_box_content textarea {  margin-bottom: 5px; }
.send_message_form_box_content textarea { resize: none; }
.send_message_form_box_content textarea { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; background-color: var(--e-global-color-white);
  color: var(--e-global-color-dark-grayish);  border: 2px solid var(--e-global-color-white); border-radius: 10px; padding: 14px 15px; width: 100%; outline: none; }
textarea { overflow: auto; }
.send_message_form_box_content button { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; line-height: 20px; color: var(--e-global-color-white); padding: 24px 70px; border-style: none; display: inline-block; border-radius: 50px; background-color: transparent;
	background-image: linear-gradient(180deg, #F26522 0%, #EF4136 100%); outline: none; transition: all 0.3s ease-in-out; } 
.send_message_form_box_content button:hover { background-color: transparent;
	background-image: linear-gradient(180deg, #F26522CC 0%, #EF4136C9 100%); }
.send_message_section .send_message_left_icon { position: absolute; top: 270px; left: 0; }
.send_message_section .send_message_right_icon { position: absolute; top: 150px; right: 0; }
.send_message_section .send_message_bottom_icon { position: absolute; bottom: 0; right: 172px; }
.send_message_section .send_message_yellow_icon { position: absolute; top: -45px; right: -30px; }
 
.text-right.message-count { font-size: 12px; }

/* Home Page Sign Up Section Style */
.sign_up-section { background-color: var(--e-global-color-very-dark-cyan); padding: 88px 0 68px; } 
.sign_up_content{ padding-left: 72px; margin-top: 3px; }
.sign_up_content span { font-family: 'Poppins', sans-serif; font-size: 20px; line-height: 20px; font-weight: 400; color: var(--e-global-color-white); letter-spacing: 2.8px; }
.sign_up_form_content { margin-top: -17px; margin-left: -21px; }
.sign_up_form_content .upper_layer{ font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; background-color:  var(--e-global-color-mostly-black-cyan); color: var(--e-global-color-white); border: none; border-bottom: 1px solid var(--e-global-color-mostly-black-cyan); padding: 30px 20px; border-radius: 0px; max-width: 650px; float: right; } 
.sign_up_form_content .upper_layer::placeholder{ color: var(--e-global-color-white); }
.sign_up_form_content .sign_up_arrow { position: absolute; right: 0px; top: 0px; height: 60px; width: auto; border: transparent; background-color: #fff; outline: none; box-shadow: none; transition: all 0.3s ease-in-out; color: #e1211c; text-transform: uppercase; }
.sign_up_form_content .sign_up_arrow:hover { background-color: var(--e-global-color-secondary); color:#fff; }
.sign_up_form_content .sign_up_arrow i { color: #e1211c; font-size: 20px; line-height: 22px; padding-left: 5px; }
.sign_up_form_content .sign_up_arrow:hover i{ color:#fff;}
.sign_up_form_content .form-control:focus{ box-shadow: none; }

/* Home Page Footer Section Style */

.footer-section{ position: relative; background-color: var(--e-global-color-mostly-black-cyan); padding: 90px 0 0px; }
.middle-portion { margin-bottom: 82px; }
.middle-portion h4{ color: var(--e-global-color-white); margin-bottom: 16px; }
.middle-portion .about_col h4{ margin-bottom: 18px; }
.middle-portion .about_col{ padding-left: 8px; }
.middle-portion .links_col{ padding-left: 20px; }
.middle-portion .explore_col{ padding-left: 35px; }
.middle-portion .contact_col{ padding-left: 10px; padding-right: 10px; }
.middle-portion .contact_col ul li{ margin-bottom: 8px; }
.middle-portion ul{ margin-bottom: 0; }
.middle-portion ul .icons{ display: inline-block; }
.middle-portion ul .icons i{ color: var(--e-global-color-white); font-size: 18px; line-height: 18px; margin-right: 18px; transition: all 0.3s ease-in-out; }
.middle-portion ul .icons i:hover{ color: var(--e-global-color-accent); transform: translateY(-5px); }
.middle-portion li .pp{ color: var(--e-global-color-very-grayish-cyan); margin-bottom: 22px; }
.middle-portion li a { text-decoration: none; color: var(--e-global-color-very-grayish-cyan); font-weight: 400; font-size: 18px; line-height: 32px; transition: all 0.3s ease-in-out; }
.middle-portion li i{ color: var(--e-global-color-secondary); margin-right: 12px; transition: all 0.3s ease-in-out; }
.middle-portion li .location{ margin-right: 15px; }
.middle-portion li a:hover{ color: var(--e-global-color-accent); }
.bottom-portion{ border-top: 1px solid var(--e-global-color-desaturated-cyan); text-align: center; background-color: var(--e-global-color-mostly-black-cyan); } 
.copyright { padding: 22px 0; }
.copyright p{ color: var(--e-global-color-very-grayish-cyan); font-weight: 400; font-size: 14px; line-height: 26px; padding-left: 20px; margin: 0; }
 
/* About Page Style */

/* About Page Sub Banner Section Style */

.sub-banner-section{ background-image: url('../images/inner-banner.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub-banner-section .banner-section { padding: 70px 235px 70px; position: relative; }
.sub-banner-section .banner-section .banner-section-content { padding-top: 38px; padding-left: 35px; position: relative; }
.sub-banner-section .banner-section h1 { margin-bottom: 0; font-weight: 600; font-size: 40px; }
.sub-banner-section .banner-section p { margin-bottom: 22px; font-size: 16px; }
.sub-banner-section .banner-section .banner-section-image img { margin-top: -50px; max-width: 415px; }
.sub-banner-section .banner-section .banner-section-content .about_us_yellow_line{ position: absolute; left: 115px; top: 98px; }
.sub-banner-section .banner-section .sub-banner_yellow_icon { position: absolute; left: 0; top: 108px; }
.sub-banner-section .banner-section .sub-banner_va_icon { position: absolute; left: -10px; bottom: -10px; max-width: 300px; }
.sub-banner-section .banner-section .sub-banner_bottom_white_icon { position: absolute; left: 730px; bottom: 0; }
.sub-banner-section .banner-section .sub-banner_right_top_icon { position: absolute; right: 0; top: -76px; }
.sub-banner-section .banner-section .sub-banner_right_bottom_icon { position: absolute; right: 0; bottom: -80px; }
.sub-banner-section .banner-section .sub-banner_yellow_green_icon { position: absolute; left: 86px; top: -60px; }

/* About Page About Us Section Style */
.about_section{ padding: 98px 0 110px; } 
.about_section .about-content{ padding: 0 100px; text-align: center; }
.about-content h6 { letter-spacing: 2.8px; margin-bottom: 12px; }
.about-content h2 { margin-bottom: 18px; padding: 0 30px; }
.about-content p { margin-bottom: 30px; }
.about_image{ margin-bottom: 30px; z-index: -1; position: relative; }
.about_section .about_box { position: absolute; display: inline-block; height: 180px; width: 180px; line-height: 180px; left: 590px; top: 235px; text-align: center; z-index: 1; }
.about_box .rating { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 54px; line-height: 50px; display: inline-block; color: var(--e-global-color-white); position: relative; top: -10px; } 
.about_box .plus_sign { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 35px; line-height: 35px; display: inline-block; top: 40px; right: 32px; position: absolute; color: var(--e-global-color-white); } 
.about_box p { line-height: 18px; margin-bottom: 0; color: var(--e-global-color-white); padding: 0 35px; position: absolute; bottom: 45px; }
.about_section .about_shape { position: absolute; left: -218px; top: 622px; z-index: 1; }
.about_section .about_circle_shape { position: absolute; left: 490px; top: 195px; z-index: 0; }

/* About Page Our Statistics Section Style */

.stats_section{ padding: 150px 0 125px; background-image: url('../images/stats_background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }
.stats_content h6{ letter-spacing: 2.8px; margin-bottom: 12px; }
.stats_content h2{ margin-bottom: 15px; }
.stats_content p{ margin-bottom: 24px; padding-right: 60px; }
.stats_content .btn_wrapper .get_started_btn { font-weight: 500; font-size: 19px; line-height: 19px; padding: 22px 58px; text-align: center; color: var(--e-global-color-white); display: inline-block; background-color: var(--e-global-color-accent); border-radius: 50px; transition: all 0.3s ease-in-out; }
.stats_content .btn_wrapper .get_started_btn:hover { background-color: var(--e-global-color-secondary); color: var(--e-global-color-white); }
.stats_section .right_row_wrapper{ margin-top: 10px; }
.stats_section .stats_box_wrapper{ display: inline-block; background-color: var(--e-global-color-white); width: 100%; align-items: center; padding: 30px 15px; border-radius: 15px; text-align: center; border-bottom: 2px solid var(--e-global-color-accent); margin-right: 28px; margin-bottom: 25px; transition: all 0.3s ease-in-out; }
.stats_section .stats_box_wrapper:hover{ transform: translateY(-10px); }
.stats_section .stats_box_wrapper h2{ color: var(--e-global-color-dark-cyan); margin-bottom: 0; }
.stats_section .stats_left_icon { position: absolute; top: 100px; left: 0; }
.stats_section .stats_right_icon { position: absolute; top: 190px; right: 0; }
.stats_section .stats_yellow_icon { position: absolute; top: -35px; right: -35px; }

/* About Page Team Members Section Style */

.team_member_section{ padding: 125px 0 140px; } 
.team_member_section .team_member-content { padding: 0 125px; text-align: center; }
.team_member-content h6 { letter-spacing: 2.8px; margin-bottom: 12px; }
.team_member-content h2 { margin-bottom: 18px; }
.team_member-content p { margin-bottom: 40px; margin-left: -8px; }
.team_member_image{ position: relative; margin-bottom: 116px; transition: all 0.3s ease-in-out; }
.team_member_image:hover{ transform: translateY(-15px); }
.team_member_image:hover .team_member_box i{ background-color: var(--e-global-color-accent); border: 1px solid var(--e-global-color-accent); }
.team_member_section .team_member_box { background-color: var(--e-global-color-white); position: absolute; width: 85%; display: inline-block; align-items: center; padding: 24px 20px; left: 20px; bottom: -65px; border-radius: 10px; text-align: center; box-shadow: 0px 0px 100px 0px rgb(226 228 231); border-bottom: 2px solid var(--e-global-color-accent); } 
.team_member_box h5 { line-height: 24px; padding: 0 15px; margin-bottom: 0px; }
.team_member_box p { font-size: 16px; line-height: 22px; color: var(--e-global-color-text); font-weight: 400; margin-bottom: 10px; }
.team_member_box i { border: 1px solid var(--e-global-color-secondary); border-radius: 100%; background-color: var(--e-global-color-secondary); color: var(--e-global-color-white); font-size: 16px; line-height: 36px; height: 36px; width: 36px; margin-right: 5px; display: inline-block; text-align: center; transition: all 0.3s ease-in-out; } 
.team_member_section .btn_wrapper{ text-align: center; }
.team_member_section .btn_wrapper .viewall_btn { font-weight: 500; font-size: 19px; line-height: 19px; padding: 22px 74px; text-align: center; color: var(--e-global-color-white); display: inline-block; background-color: var(--e-global-color-accent); border-radius: 50px; transition: all 0.3s ease-in-out; } 
.team_member_section .btn_wrapper .viewall_btn:hover { background-color: var(--e-global-color-secondary); color: var(--e-global-color-white); }

.sub-banner-section .banner-section .banner-section-content .projects_yellow_line { position: absolute; left: 234px; top: 100px; }
.projects_case_studies { padding: 138px 0 95px; }
.case_studies_section .projects_case_studies_shape { position: absolute; left: 185px; top: 295px; z-index: -1; }

/* Pricing Plan Page Style */
.sub-banner-section .banner-section .banner-section-content .pricingplan_yellow_line { position: absolute; left: 118px; top: 98px; }
.pricing_our_process_section{ padding: 140px 0; }
.pricing_plan_section { padding: 88px 0 105px; } 
.pricing_plan_section { justify-content: center; }
.row .ali_ctr { justify-content: center; }
.pricing_plan_section .pricing_plan-content{ padding: 0 135px; text-align: center; }
.pricing_plan-content h6 { letter-spacing: 2.8px; margin-bottom: 12px; }
.pricing_plan-content h2 { margin-bottom: 18px; }
.pricing_plan-content p { margin-bottom: 42px; }
.pricing_plan_image{ position: relative; transition: all 0.3s ease-in-out; text-align:center; }
.pricing_plan_image:hover{ transform: translateY(-15px); }
.pricing_plan_section .pricing_plan_box{ background-color: var(--e-global-color-white); position: relative; width: 85.41%; height: calc(100% - -255px); display: inline-block; align-items: center; padding: 38px 36px 38px; /* left: 30px; */ /* bottom: -485px; */ border: 1px solid #00283c; border-radius: 18px; text-align: center; box-shadow: 0px 0px 100px 0px rgb(226 228 231); border-bottom: 6px solid var(--e-global-color-accent); padding-bottom: 70px; margin-top: -70px !important; margin: auto; } 
.pricing_plan_box .pricing_plan_box_logo{ position: absolute; left: 102px; top: -48px; z-index: 1; }
.prices_btn { position: absolute; left: 0; right: 0; margin: auto; bottom: 15px; text-align: center; }
.img-full { width: 100%; height: auto; }
.price_style{ color: var(--e-global-color-secondary); margin-bottom: 0; margin-top: 20px; }
.pricing_plan_box h4 { margin-bottom: 10px; margin-left: -2px; position: relative; }
.pricing_plan_box h4::after { content: ""; position: absolute; width: 130px; height: 0px; border: 2px solid #F27358; bottom: -15px;  left: 50%; margin-left: -65px; top: auto; }
.pricing_plan_box ul{ margin-bottom: 26px; text-align: left; }
.main_content{ list-style: none; padding-left: 0; /* border-top: 1px solid #7f7d7d;  border-bottom: 1px solid #7f7d7d; padding-top: 20px; padding-bottom: 20px; */ text-align: left; min-height: 120px; }


.pricing_plan_box ul li, .pricing_plan_box ol li {
font-size: 18px;
line-height: 32px;
color: var(--e-global-color-text);
font-weight: 400;
}
.pricing_plan_box ul li i, .pricing_plan_box ol li i {
border: 1px solid var(--e-global-color-accent);
border-radius: 100%;
background-color: var(--e-global-color-accent);
color: var(--e-global-color-white);
font-size: 14px;
line-height: 18px;
height: 18px;
width: 18px;
margin-right: 10px;
text-align: center;
transition: all 0.3s ease-in-out;
}
.pricing_plan_section .btn_wrapper .getstarted_btn {
font-weight: 500;
font-size: 18px;
line-height: 18px;
padding: 15px 33px;
text-align: center;
color: var(--e-global-color-white);
display: inline-block;
background-color: var(--e-global-color-accent);
border-radius: 50px;
margin-right: 0;
transition: all 0.3s ease-in-out;
}
.pricing_plan_section .btn_wrapper .getstarted_btn:hover {
background-color: var(--e-global-color-secondary);
}
.pricing_plan_section .pricing_plan_shape {
position: absolute;
right: -35px;
top: -45px;
z-index: 1;
}

/* Contact Page Style */

/* Contact Page Sub Banner Section Yellow Line Style */

.sub-banner-section .banner-section .banner-section-content .contact_yellow_line {
position: absolute;
left: 118px;
top: 98px;
}

/* Contact Page Get In Touch Section Style */

.in_touch_section{
padding: 138px 0 140px;
position: relative;
}
.in_touch_section .in_touch-content{
padding: 0 135px;
position: relative;
z-index: 1;
text-align: center;
}
.in_touch-content h6{
letter-spacing: 1px;
margin-bottom: 12px;
}
.in_touch-content h2{
margin-bottom: 18px;
}
.in_touch-content p{
margin-bottom: 42px;
padding-left: 15px;
}
.in_touch_box {
background-image: linear-gradient(155deg, var(--e-global-color-light-grayish-cyan) 0%, var(--e-global-color-pale-orange) 100%);
width: 100%;
border-radius: 15px;
padding: 35px 32px;
transition: all 0.3s ease-in-out;
position: relative;
z-index: 1;
}
.in_touch_box2 {
padding: 48px 32px;
}
.in_touch_box_image{
border: 1px solid var(--e-global-color-secondary);
border-radius: 100%;
background-color: var(--e-global-color-secondary);
color: var(--e-global-color-white);
line-height: 90px;
height: 90px;
width: 90px;
text-align: center;
float: left;
margin-right: 20px;
margin-top: -8px;
transition: 0.3s all ease-in-out;
}
.in_touch_box:hover .in_touch_box_image{
background-color: var(--e-global-color-accent);
border: 1px solid var(--e-global-color-accent);
}
.in_touch_box_content{
display: grid;
}
.in_touch_box_content h4{
line-height: 28px;
}
.in_touch_box_content p{
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: var(--e-global-color-text);
}
.in_touch_box_content a{
color: var(--e-global-color-text);
word-break: break-all;
}
.in_touch_section .in_touch_shape {
position: absolute;
top: 295px;
left: 350px;
z-index: -1;
}

/* Contact Page Map Section Style */

.contact_map_section {
overflow: hidden;
margin-bottom: -10px;
}


/* Checkout summary section style */

.checkout_section .checkout_section-content {
padding: 0 135px;
text-align: center;
}

.tab_outer {
display: flex;
align-items: baseline;
justify-content: space-between;
}


h6.tab_text {
margin-right: 10px;
}

.checkout_section {
padding: 88px 0 105px;
}

.checkout_section-summary {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f3f4f6;
padding: 10px 50px 10px 20px;
}

h6.summary_heading {
margin-bottom: 0;
color: var(--e-global-color-primary);
}

.row.summary_title {
width: 80%;
margin: auto;
}

.VA_names {
display: flex;
justify-content: center;
align-items: center;
}

.checkout_section-data {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f7f8fa;
padding: 10px 50px 10px 20px;
}

.bg_col{
background-color: #f7f8fa;
}

.table-dark {
color: var(--e-global-color-primary);
background-color: #f3f4f6;
}

.data_right {
text-align: right;
padding-right: 50px;
}

.table-dark td, .table-dark th, .table-dark thead th {
border: none;
}


.mar_rht {
margin-right: 10px;
}

.sty_chang {
font-size: 12px;
}

p.nam_chng {
display: inline-block;
margin-bottom: 0;
word-break: normal;
}

img.mar_rht {
vertical-align: text-bottom;
}

th.bg_col {
vertical-align: middle;
}
td.bg_col {
vertical-align: inherit;
}

.price_data {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}

.price_outer {
background-color: #f3f4f6;
padding: 20px 20px 15px 20px;
}

.price_data .tab_text {
color: var(--e-global-color-primary)
}

.total_price_data .price_text {
color: var(--e-global-color-primary);
font-size: 20px !important;
}

h6.price_text_main {
color: var(--e-global-color-primary);
font-size: 22px;
font-weight: 600;
}

.row.price_short_box {
width: 30%;
margin-left: auto;
}

.total_price_data {
display: flex;
justify-content: space-between;	
}

.slidecontainer {
margin-bottom: 20px;
}

.btn_wrapper.mt-4.btn_pay {
text-align: right;
}

a.text-decoration-none.paynow_btn{
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	padding: 14px 40px;
	text-align: center;
	color: var(--e-global-color-white);
	display: inline-block;
	background-color: var(--e-global-color-primary);
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
	text-transform: uppercase;
	border:none;
	}
button.text-decoration-none.paynow_btn {
font-weight: 500;
font-size: 16px;
line-height: 19px;
padding: 14px 40px;
text-align: center;
color: var(--e-global-color-white);
display: inline-block;
background-color: transparent;
  background-image: linear-gradient(180deg, #F26522 0%, #EF4136 100%);
border-radius: 50px;
transition: all 0.3s ease-in-out;
text-transform: uppercase;
border:none;
}


/* Checkout 2 page styles */


.cont_adj{
margin: auto;
}

.cont_adj {
display: flex;
justify-content: center;
}

.card {
margin-bottom: 24px;
-webkit-box-shadow: 0 2px 3px #e4e8f0;
box-shadow: 0 2px 3px #e4e8f0;
}
.card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid #eff0f2;
border-radius: 1rem;
}
.activity-checkout {
list-style: none
}

.activity-checkout .checkout-icon {
position: absolute;
top: -4px;
left: -24px
}

.activity-checkout .checkout-item {
position: relative;
padding-bottom: 24px;
padding-left: 35px;
border-left: 2px solid #f5f6f8
}

.bg-tint{background:#00283C !important;}
.activity-checkout .checkout-item:first-child {
border-color: #00283C
}

.activity-checkout .checkout-item:first-child:after {
background-color: #00283C
}

.activity-checkout .checkout-item:last-child {
border-color: transparent
}

.activity-checkout .checkout-item.crypto-activity {
margin-left: 50px
}

.activity-checkout .checkout-item .crypto-date {
position: absolute;
top: 3px;
left: -65px
}



.avatar-xs {
height: 1rem;
width: 1rem
}

.avatar-sm {
height: 2rem;
width: 2rem
}

.avatar {
height: 3rem;
width: 3rem
}

.avatar-md {
height: 4rem;
width: 4rem
}

.avatar-lg {
height: 5rem;
width: 5rem
}

.avatar-xl {
height: 6rem;
width: 6rem
}

.avatar-title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #3b76e1;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 500;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}

.avatar-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 8px
}

.avatar-group .avatar-group-item {
margin-left: -8px;
border: 2px solid #fff;
border-radius: 50%;
-webkit-transition: all .2s;
transition: all .2s
}

.avatar-group .avatar-group-item:hover {
position: relative;
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}

.card-radio {
background-color: #fff;
border: 2px solid #eff0f2;
border-radius: .75rem;
padding: .5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block
}

.card-radio:hover {
cursor: pointer
}

.card-radio-label {
display: block
}

.edit-btn {
width: 35px;
height: 35px;
line-height: 40px;
text-align: center;
position: absolute;
right: 25px;
margin-top: -50px
}

.card-radio-input {
display: none
}

.card-radio-input:checked+.card-radio {
border-color: #3b76e1!important
}


.font-size-16 {
font-size: 16px!important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

a {
text-decoration: none!important;
}


.form-control {
display: block;
width: 100%;
padding: 0.47rem 0.75rem;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
color: #545965;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #e2e5e8;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.75rem;
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.edit-btn {
width: 35px;
height: 35px;
line-height: 40px;
text-align: center;
position: absolute;
right: 25px;
margin-top: -50px;
}

.ribbon {
position: absolute;
right: -26px;
top: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
color: #fff;
font-size: 13px;
font-weight: 500;
padding: 1px 22px;
font-size: 13px;
font-weight: 500
}

.personal_details {
padding: 100px 0 100px 0;
}







/* 404 Page Style */

/* 404 Page Error Section Style */

.error_section{
padding: 162px 0;
background-image: url('../images/404_background.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 100vh;
position: relative;
}
.error_section .left_shape {
position: absolute;
left: 0px;
top: 140px;
}
.error_section .va_shape {
position: absolute;
left: 0;
bottom: 0;
}
.error_section .right_shape {
position: absolute;
right: 0;
bottom: 195px;
}
.error_section .bottom_shape {
position: absolute;
left: 700px;
bottom: 0;
}
.error_section .error_content{
text-align: center;
position: relative;
}
.error_content .error_shape{
margin-bottom: 0;
margin-left: 0;
position: absolute;
left: 440px;
top: 340px;
}
.error_content figure {
margin-bottom: 95px;
margin-left: -2px;
}
.error_content .error_span {
margin-bottom: 50px;
}
.error_content span {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 300px;
line-height: 65px;
color: var(--e-global-color-primary);
}
.error_content i {
font-size: 210px;
line-height: 210px;
color: var(--e-global-color-moderate-cyan);
margin-right: 32px;
margin-left: 22px;
}
.error_content h4 {
margin-bottom: 10px;
padding-left: 10px;
}
.error_content p {
font-size: 20px;
line-height: 28px;
color: var(--e-global-color-text);
font-weight: 400;
padding: 0 255px 0 265px;
margin-bottom: 25px;
}
.error_content .btn_wrapper{
padding-left: 10px;
}
.error_content .btn_wrapper .back_home_btn {
font-weight: 500;
font-size: 19px;
line-height: 19px;
padding: 21px 45px;
text-align: center;
color: var(--e-global-color-white);
display: inline-block;
background-color: var(--e-global-color-accent);
border-radius: 50px;
margin-right: 0;
transition: all 0.3s ease-in-out;
}
.error_content .btn_wrapper .back_home_btn:hover {
background-color: var(--e-global-color-secondary);
}

/* Services Page Style */

/* Services Page Sub Banner Section Yellow Line Style */

.sub-banner-section .banner-section .banner-section-content .services_yellow_line {
position: absolute;
left: 235px;
top: 98px;
}

/* Services Page Research & Reports Section Style */

.research_reports-section {
padding: 138px 0 130px;
}
.research_reports-section .research_reports_image{
position: relative;
}
.research_reports_image .research_reports_logo {
position: absolute;
top: 30px;
left: 32px;
}
.research_reports_content {
padding-top: 68px;
padding-left: 2px;
position: relative;
}
.research_reports_content h2 {
margin-bottom: 12px;
padding-right: 50px;
}
.research_reports_content p{
margin-bottom: 14px;
}
.research_reports_content ul{
margin-bottom: 30px;
}
.research_reports_content ul li{
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: var(--e-global-color-primary);
margin-bottom: 15px;
}
.research_reports_content ul li i{
border: 1px solid var(--e-global-color-secondary);
border-radius: 100%;
background-color: transparent;
color: var(--e-global-color-secondary);
font-size: 16px;
line-height: 26px;
height: 26px;
width: 26px;
margin-right: 14px;
text-align: center;
transition: all 0.3s ease-in-out;
border-top-style: none;
border-right-style: none;
}
.research_reports_content .btn_wrapper .get_started_btn {
font-weight: 500;
font-size: 19px;
line-height: 19px;
padding: 22px 58px;
text-align: center;
color: var(--e-global-color-white);
display: inline-block;
background-color: var(--e-global-color-accent);
border-radius: 50px;
transition: all 0.3s ease-in-out;
}
.research_reports_content .btn_wrapper .get_started_btn:hover {
background-color: var(--e-global-color-secondary);
}
.research_reports-section .research_reports_shape {
position: absolute;
right: -32px;
bottom: -130px;
z-index: 1;
}

/* Services Page Expensing & Invoicing Section Style */

.expense_invoice-section {
background-image: url('../images/expense_invoice_background.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 140px 0;
position: relative;
}
.expense_invoice-section .expense_invoice_image{
position: relative;
}
.expense_invoice_image .expense_invoice_logo {
position: absolute;
top: 30px;
right: 28px;
}
.expense_invoice_content {
padding-top: 68px;
}
.expense_invoice_content h2 {
margin-bottom: 12px;
padding-right: 50px;
}
.expense_invoice_content p{
margin-bottom: 14px;
}
.expense_invoice_content ul{
margin-bottom: 30px;
}
.expense_invoice_content ul li{
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: var(--e-global-color-primary);
margin-bottom: 15px;
}
.expense_invoice_content ul li i{
border: 1px solid var(--e-global-color-secondary);
border-radius: 100%;
background-color: transparent;
color: var(--e-global-color-secondary);
font-size: 16px;
line-height: 26px;
height: 26px;
width: 26px;
margin-right: 14px;
text-align: center;
transition: all 0.3s ease-in-out;
border-top-style: none;
border-right-style: none;
}
.expense_invoice_content .btn_wrapper .get_started_btn {
font-weight: 500;
font-size: 19px;
line-height: 19px;
padding: 22px 58px;
text-align: center;
color: var(--e-global-color-white);
display: inline-block;
background-color: var(--e-global-color-accent);
border-radius: 50px;
transition: all 0.3s ease-in-out;
}
.expense_invoice_content .btn_wrapper .get_started_btn:hover {
background-color: var(--e-global-color-secondary);
}
.expense_invoice-section .expense_invoice_left_icon {
position: absolute;
top: 135px;
left: 0;
}
.expense_invoice-section .expense_invoice_right_icon {
position: absolute;
top: 250px;
right: 0;
}

/* Services Page Scheduling & Planning Section Style */

.schedule_plan-section {
padding: 140px 0;
}
.schedule_plan-section .schedule_plan_image{
position: relative;
}
.schedule_plan_image .schedule_plan_logo {
position: absolute;
top: 30px;
left: 32px;
}
.schedule_plan_content {
padding-top: 68px;
padding-left: 2px;
position: relative;
}
.schedule_plan_content h2 {
margin-bottom: 12px;
padding-right: 50px;
}
.schedule_plan_content p{
margin-bottom: 14px;
}
.schedule_plan_content ul{
margin-bottom: 30px;
}
.schedule_plan_content ul li{
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: var(--e-global-color-primary);
margin-bottom: 15px;
}
.schedule_plan_content ul li i{
border: 1px solid var(--e-global-color-secondary);
border-radius: 100%;
background-color: transparent;
color: var(--e-global-color-secondary);
font-size: 16px;
line-height: 26px;
height: 26px;
width: 26px;
margin-right: 14px;
text-align: center;
transition: all 0.3s ease-in-out;
border-top-style: none;
border-right-style: none;
}
.schedule_plan_content .btn_wrapper .get_started_btn {
font-weight: 500;
font-size: 19px;
line-height: 19px;
padding: 22px 58px;
text-align: center;
color: var(--e-global-color-white);
display: inline-block;
background-color: var(--e-global-color-accent);
border-radius: 50px;
transition: all 0.3s ease-in-out;
}
.schedule_plan_content .btn_wrapper .get_started_btn:hover {
background-color: var(--e-global-color-secondary);
}
.schedule_plan-section .schedule_plan_shape {
position: absolute;
left: -175px;
bottom: -140px;
z-index: 1;
}

/* Services Page Marketing & Social Media Section Style */
.marketing_socialmedia-section { background-image: url('../images/marketing_socialmedia_background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 140px 0; position: relative; }
.marketing_socialmedia-section .marketing_socialmedia_image{ position: relative; }
.marketing_socialmedia_image .marketing_socialmedia_logo { position: absolute; top: 30px; right: 28px; } 
.marketing_socialmedia_content { padding-top: 68px; } 
.marketing_socialmedia_content h2 { margin-bottom: 12px; padding-right: 60px; }
.marketing_socialmedia_content p{ margin-bottom: 14px; }
.marketing_socialmedia_content ul{ margin-bottom: 30px; }
.marketing_socialmedia_content ul li{ font-weight: 600; font-size: 20px; line-height: 30px; color: var(--e-global-color-primary); margin-bottom: 15px; }
.marketing_socialmedia_content ul li i{
border: 1px solid var(--e-global-color-secondary);
border-radius: 100%;
background-color: transparent;
color: var(--e-global-color-secondary);
font-size: 16px;
line-height: 26px;
height: 26px;
width: 26px;
margin-right: 14px;
text-align: center;
transition: all 0.3s ease-in-out;
border-top-style: none;
border-right-style: none;
}
.marketing_socialmedia_content .btn_wrapper .get_started_btn {
font-weight: 500;
font-size: 19px;
line-height: 19px;
padding: 22px 58px;
text-align: center;
color: var(--e-global-color-white);
display: inline-block;
background-color: var(--e-global-color-accent);
border-radius: 50px;
transition: all 0.3s ease-in-out;
}
.marketing_socialmedia_content .btn_wrapper .get_started_btn:hover {
background-color: var(--e-global-color-secondary);
}
.marketing_socialmedia-section .marketing_socialmedia_left_icon {
position: absolute;
top: 260px;
left: 0;
}
.marketing_socialmedia-section .marketing_socialmedia_right_icon {
position: absolute;
top: 135px;
right: 0;
}

@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1355px;
}
}

.small-container{max-width:1150px;}


.card-view{max-width:1000px; margin:0px auto; padding:0px;}
.card-view .card-view-box{width:100%; margin:0px; padding:15px; border: 1px solid #cdcdcd; border-radius:15px;}
.card-view .card-view-box .card-view-header{ width:100%; margin:0px; padding:0px; display:flex; align-items: center; justify-content: center;}
.card-view .card-view-box .card-view-header .left-col{width:90px; margin:0px; padding:0px; }
.card-view .card-view-box .card-view-header .left-col .useravatar{width: 90px; height: 90px; border-radius: 100%; overflow: hidden; max-width: 90px; max-height: 90px; display: flex; align-content: center; align-items: center; justify-content: center; font-size: 40px; border: 1px solid #ececec;} 
.card-view .card-view-box .card-view-header .left-col .useravatar img{width:100%; height:100%; object-fit:cover;}

.card-view .card-view-box .card-view-header .right-col{width:calc(100% - 90px); margin:0px; padding:0px 0px 0px 20px;}
.card-view .card-view-box .card-view-header .right-col .price{text-align:right; font-size:15px; font-weight:400; color:#5f5f5f;}
.card-view .card-view-box .card-view-header .right-col .price span{margin-right:10px;}
.card-view .card-view-box .card-view-header .right-col .price input{margin:0px;}
input[type="checkbox"]:checked { background-color: #e1211c; opacity: 1; }
.card-view .card-view-box .card-view-header .right-col .profile-name{font-size:18px; font-weight:400; border-bottom:1px solid rgba(0,0,0,.3); padding-bottom: 5px; width:100%; color:#000;  word-break: break-all;}
.card-view .card-view-box .card-view-header .right-col .profession{font-size:13px; color:#5f5f5f; display:block;}
.card-view .card-view-box .card-view-header .right-col .rating-experience{margin:0px; padding:5px 0px 0px 0px; width:100%; color:#5f5f5f;}
.card-view .card-view-box .card-view-header .right-col .rating-experience .start-rating{font-size:12px; color:#e8b80f;}
.card-view .card-view-box .card-view-header .right-col .rating-experience .total-experience{font-size:14px;float:right; color:#5f5f5f;}

.card-view .card-view-box .card-view-body{ width:100%; margin:0px; padding:10px 0px; }
.card-view .card-view-box .card-view-body .card-view-body-text{ font-size:14px; color:#5f5f5f; line-height:24px; margin-bottom:10px;}
.card-view .card-view-box .card-view-body .card-view-body-skill-wrapper{ width:100%; margin:0px; padding:0px;}
.card-view .card-view-box .card-view-body .card-view-body-skill-wrapper span{ background-color: #e5e5e5;   color: #000; font-size: 13px; border-radius: 4px; padding: 8px 20px; min-width: 65px; display: inline-block; text-align: center; font-weight: 400; margin: 0px 4px 4px 0px;}  

.card-view-footer{width: 100%; margin: 0px; padding: 10px 0px 0px 0px; border-top: 1px solid rgba(0,0,0,.3) !important; display: flex; justify-content: space-between; align-items:center;}
.card-view-footer .location{font-size:13px; color:#5f5f5f; font-weight:600; line-height:28px;}
.card-view-footer .location i{color: #454545; font-size: 18px; margin-right: 5px; display:block;}
.card-view-footer .status{float:right;}
.card-view-footer .hire-btn{ font-weight: 500; font-size: 14px; line-height: 19px; padding: 10px 30px; text-align: center; color: #EF4136C9; display: inline-block; background-color: var(--e-global-color-white); border-radius: 50px; transition: all 0.3s ease-in-out; text-transform: uppercase; border: 2px solid #EF4136C9; }
.card-view-footer .hire-btn:hover{ color: var(--e-global-color-white);
	background-color: transparent;
	border: 2px solid #EF4136aliceblue;
	background: linear-gradient(180deg, #F26522 0%, #EF4136 100%); }

.card-view.packaged2{ max-width:600px; }
.card-view.packaged2 .card-view-box .card-view-header .left-col .useravatar{background:#414141; color:#fff;}
.card-view.packaged2 .card-view-box .card-view-header{flex-wrap:wrap;}
.card-view.packaged2 .card-view-box .card-view-header  .left-col{width: 100%; display: flex; align-content: center; justify-content: center} 
.card-view.packaged2 .card-view-box .card-view-header  .right-col{width: 100%; display: flex; align-content: center; justify-content: center} 
.card-view.packaged2 .card-view-box .card-view-header .right-col .profile-name{width: auto; padding: 0px 40px; margin: 10px 0px;} 
.card-view.packaged2 .card-view-box .card-view-body ul{list-style:none; margin:0px; padding:0px;} 
.card-view.packaged2 .card-view-box .card-view-body ul li{ margin:0px; padding:5px 0px; position:relative; padding-left: 25px;}
.card-view.packaged2 .card-view-box .card-view-body ul li::before{ content: "\f00c";  font:normal 900 1em/1 "Font Awesome 6 Free"; color:var(--e-global-color-accent); position:absolute; left: 0px;   top: 10px;}
.card-view.packaged2 .card-view-box .card-view-footer{ flex-wrap:wrap;}


/* SWITCH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.price_outer h6.needspace{color: var(--e-global-color-primary); font-weight:600;}
.custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #27bdbe; background-color: #27bdbe; }
.slidecontainer span#extraspace{display:block; width:100%; text-align:center;}
.rangeslider .form-control, .rangeslider .form-control:focus{background:none; border:none; box-shadow:none;}
.rangeslider .input-group-text{ padding: 0px; background: none; border: none;}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type='range'] { background-color: #27bdbe; height:10px; border-radius:50px; margin-top:3px;} 
input[type='range']::-webkit-slider-runnable-track { height: 10px; -webkit-appearance: none; color: #13bba4; border-radius:50px;  background-color: var(--e-global-color-primary)}
input[type='range']::-webkit-slider-thumb { width: 10px; -webkit-appearance: none; height: 10px; cursor: ew-resize; background: #434343; border: 2px solid #43e5f7; border-radius:100% }
}

input[type="range"]::-moz-range-progress { background-color: #27bdbe; height:10px; border-radius:50px;}
input[type="range"]::-moz-range-track {   background-color: var(--e-global-color-primary); height:10px; border-radius:50px; }

/* IE*/ 
input[type="range"]::-ms-fill-lower { background-color: #27bdbe; height:10px;  border-radius:50px;}
input[type="range"]::-ms-fill-upper {   background-color: var(--e-global-color-primary); height:10px; border-radius:50px; }

td.bg_col { vertical-align: inherit; border-top: 2px solid #fff; }

.switch-wrapper { position: relative; display: inline-flex; padding: 4px; border: 1px solid lightgrey; margin: 20px 0px; border-radius: 30px; background: #fff; }
.switch-wrapper [type="radio"] { position: absolute; left: -9999px; }
.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"], .switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"] { color: var(--white) !important; }
.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"]:hover, .switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"]:hover { background: transparent; }
.switch-wrapper [type="radio"]:checked#monthly + label[for="yearly"] ~ .highlighter { transform: none; }
.switch-wrapper [type="radio"]:checked#yearly + label[for="monthly"] ~ .highlighter { transform: translateX(100%); }
.switch-wrapper label { font-size: 16px; z-index: 1; min-width: 100px; line-height: 32px; cursor: pointer; border-radius: 30px; transition: color 0.25s ease-in-out; text-align: center; margin: 0px; }
.switch-wrapper label:hover { background: whitesmoke; }
.switch-wrapper .highlighter { position: absolute; top: 4px; left: 4px; width: calc(50% - 4px); height: calc(100% - 8px); border-radius: 30px; background: #F27358; transition: transform 0.25s ease-in-out; }

.durationno{}
.durationno .btn-danger{background: #000; padding: 6px 8px; border: none; border-radius: 20px 0px 0px 20px; height: 34px; box-shadow:none !important;} 
.durationno .btn-success{background: #000; padding: 6px 8px; border: none; border-radius: 0px 20px 20px 0px; height: 34px; box-shadow:none !important;} 
.required {color:red;font-size: 15px;}


.number::-webkit-inner-spin-button, 
.number::-webkit-outer-spin-button { -webkit-appearance: none;  margin: 0;  }

/* New CSS */
.card-view .card-view-box{ display: flex; flex-direction: column; height: 100%; }
.card-view .card-view-box .card-view-footer{ margin-top: auto; }
.checkout-useravatar{ width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; line-height: 32px; text-transform: uppercase; }

/* The switch - the box around the slider */
.switched { position: relative; display: inline-block; width: 60px; height: 34px; }

/* Hide default HTML checkbox */
.switched input { opacity: 0; width: 0; height: 0; }

/* The slider */
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #2196F3; }
input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }


/* .signup-form select {padding: 0.47rem 0.75rem; word-wrap: normal; width: 100%; color: #545965; background-color: #fff; appearance: none; line-height: 1.5; font-size: .875rem;font-weight: 400; border: 1px solid #e2e5e8; border-radius: 0.75rem;} */
.fa-solid.fa-plus { margin-right: 6px;}
.add_skill { background-color: #00283c; border-radius: 20px; color: #fff; margin-right: 20px; }
.add_skill:hover { background-color: #000; border-radius: 20px; color: #fff; margin-right: 20px; opacity:.8 }
#del_skil { background-color: #ffffff; border-radius: 20px; color: var(--e-global-color-accent); border: 1px solid var(--e-global-color-accent); }
.skill_right_btn { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.fa-regular.fa-trash-can { margin-right: 6px; } 
.bg_col.bord_btm { border-bottom: 1px solid #e1e1e1; border-top: none; }
.progress{
overflow: unset;
}
.progress-bar { background-color: #000; position: relative; overflow: unset; }
.progress-bar span{
color: #000;
font-size: 11px;
font-weight: 500;
position: absolute;
top: -9px;
right: -1.1em;
}
.progress { height: 6px; border-radius: 20px; }
p.nam_chng { color: #f27358; }
.form-ck_mk.bg_col.bord_btm.p_lft { padding-left: 20px; }
.icon_bg.pen_bg{ background: #24bb4d; color: #fff; padding: 8px 12px 8px 12px; border-radius: 4px; margin-right: 8px; font-size: 12px; width: 36px; }
.trash_bg { margin-right: 0; background: var(--e-global-color-accent); color: #fff; padding: 8px 12px 8px 12px; border-radius: 4px; font-size: 12px; width: 36px; } 
.icon_bg.pen_bg a { color: white; }
.trash_bg a { color: white; }
.trash_bg:hover { color: #ffff; }
.fa-regular.fa-trash-can.mr-0.icn_clr { color: #fff; }
.bdr_tp { border-top: 2px solid #fff; }
.th_styl { font-weight: 500; font-size: 12px; vertical-align: center; }
.nam_chng.txt_sz { font-size: 12px; color: #8c8c8c; font-weight: 400; }
.custom-file-button input[type=file] { margin-left: -2px !important; }
.custom-file-button input[type=file]::-webkit-file-upload-button { display: none; }
.custom-file-button input[type=file]::file-selector-button { display: none; }
.custom-file-button:hover label { background-color: #dde0e3; cursor: pointer; }
.form-control { padding: 0.375rem 0.75rem; font-size: 0.975rem; font-weight: 300; }
.input-group-text { padding: .375rem .75rem; color: #fff; background-color: #27BDBE; border-radius: .25rem; border: 1px solid #27BDBE; }
.custom-file-button:hover label { background-color: #000; cursor: pointer; }
.input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }  
.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } 
.sec_wdth { max-width: 70%; }
.plus_bg  { background-color: #23a3d7; margin-right: 0; padding: 8px 12px 8px 12px; border-radius: 4px; font-size: 12px; width: 36px; }
.fa-solid.fa-plus.mr-0.pl_clr { color: #fff; }
.save_btn { font-weight: 500; font-size: 16px; line-height: 19px; padding: 14px 40px; text-align: center; color: var(--e-global-color-white); display: inline-block; background-color: #25bb4d; border: 1px solid #25bb4d; border-radius: 50px; transition: all 0.3s ease-in-out; text-transform: uppercase; margin-right: 10px; }
.save_btn:hover { color: var(--e-global-color-primary); background-color: #ffff; border: 1px solid #25bb4d; }
.cancel_btn { font-weight: 500; font-size: 16px; line-height: 19px; padding: 14px 40px; text-align: center; color: var(--e-global-color-white); display: inline-block; background-color: var(--e-global-color-accent); border: 1px solid var(--e-global-color-accent); border-radius: 50px; transition: all 0.3s ease-in-out; text-transform: uppercase; }
.cancel_btn:hover { color: var(--e-global-color-primary); background-color: var(--e-global-color-white); border: 1px solid var(--e-global-color-accent); }
.form-select.form-select-sm { background-image: url(../images/down.png); background-repeat: no-repeat; background-position-x: 97%; background-position-y: center; padding-right: 42px; background-size: 14px; }
.responsive-table{width:100%; margin:0px; padding:0px; overflow-x:auto;} 
.responsive-table table{min-width:1000px;}
.form-control.form-select { background-image: url(../images/down.png); background-repeat: no-repeat; background-position-x: 97%; background-position-y: center; padding-right: 42px; background-size: 14px; }
.dif_clr { color: var(--e-global-color-accent); font-size: 12px; }
.services_box_wrapper figure { display: flex; justify-content: center; align-items: center; }
/* .services_box_wrapper figure img { width: 55px; } */
.signup-form .modal-content{border-radius:10px;}
.modal-dialog .modal-footer button{border-radius:30px; min-width:120px;}
.modal-dialog .modal-footer button.btn-primary{background: #24bb4d; border-color:#24bb4d;}
.modal-dialog .modal-footer button.btn-secondary{background: #F27358; border-color:#F27358; color: #000;}
@media (min-width: 700px) {
.modal-dialog { max-width: 600px;}
}



#del_experience { background-color: #ffffff; border-radius: 20px; color: var(--e-global-color-accent); border: 1px solid var(--e-global-color-accent); }

.experience-summary {
max-height: 70px;
overflow: auto;
}

.experience-summary::-webkit-scrollbar {
width: 4px;
border-radius: 10px;
}

.experience-summary::-webkit-scrollbar-track {
background: transparent
}

.experience-summary::-webkit-scrollbar-thumb {
background: #F27358;
}

.select2-selection--multiple {
border: 1px solid #e2e5e8 !important;
min-height: 37px !important;
border-radius: 0.75rem !important;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #fff !important;
}

.select2-selection__choice {
background-color: #27BDBE !important;
color: #fff !important;
border: none !important;
font-size: 14px !important;
}

.signup-form select {
-webkit-appearance: auto !important;
-moz-appearance: initial !important;
appearance: auto !important;
}
.custome-select.select2-selection--multiple:before {
content: ' ';
display: block;
position: absolute;
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
right: 6px;
margin-left: -4px;
margin-top: -2px;top: 50%;
width: 0;cursor: pointer
}

.custome-select.select2-selection--multiple{
display: flex !important;
height: fit-content;
padding: 2px 0.75rem 4px;
}

.skill-table-wrap{
overflow: auto !important;
max-height: 300px;
}

.skill-table-wrap::-webkit-scrollbar{
width: 5px;
background-color: #e2e5e8;
}
.skill-table-wrap::-webkit-scrollbar-thumb{
background-color: lightgrey;
}
/* Plus Minus button 27-10 Mgrey */
.durationno .btn-danger {
border-right-width: 0px;
border-radius: 15px 0px 0px 15px;  
}
.durationno .btn-success {
border-left-width: 0px;
border-radius: 0px 15px 15px 0px;
}
.durationno .btn-success, .durationno .btn-danger{ background: transparent; padding: 6px 14px; border: 1px solid #e2e5e8; height: 37px;box-shadow: none !important;}

.durationno .btn-danger .fa, .durationno .btn-success .fa{color: var(--e-global-color-accent);}



.card-view a.text-decoration-none.paynow_btn{
background-color: var(--e-global-color-accent) ;
border-radius: 15px;
}
.card-view .card-view-box .card-view-body {
word-wrap: break-word;
}
.va-form-plus-minus .btn-number{padding: 6px 9px;}
.va-form-plus-minus .btn-number .fa{font-size: 10px;}
.row.price_short_box{ width: 37%;}
/* End */



/* VA Profile */
.vaprofile-box { width: 100%; height: 100%; background: #fff; border: 1px solid #d3d3d3; border-radius: 8px; position: relative; overflow: hidden;  font-size: 14px; }
.vaprofile-box p{line-height:24px; font-size:14px;}
.vaprofile-box .vaprofile-box-head { padding: 10px 20px; width: 100%; font-size: 14px; font-weight: 600; text-transform: uppercase; display: flex; justify-content: space-between; color: #00283c; border-bottom: 1px solid var(--theme-tealdark); line-height: 26px; align-items: center; min-height: 57px; }
.vaprofile-box .vaprofile-box-body { padding: 20px; width: 100%; overflow: auto; }
.vaprofile-box .profile-head{ width: 100%; margin: 0px; padding: 0px 0px 20px 0px; border-bottom: 1px solid #d3d3d3; display: flex; flex-wrap: wrap; align-items: center;}
.vaprofile-box .profile-head-left{ width: 150px; margin: 0px; padding: 0px; }
.vaprofile-box .profile-head-left .useravatar { width: 150px; height: 150px; border-radius: 100%; overflow: hidden; max-width: 150px; max-height: 150px; display: flex; align-content: center; align-items: center; justify-content: center; font-size: 40px; border:3px solid #3e3e3e;  position:relative; }
.vaprofile-box .profile-head-left .useravatar img { width: 100%;  height: 100%;  object-fit: cover;  float: left;}
.vaprofile-box .profile-head-left .useravatar .badge {     position: absolute; bottom: 0px; padding: 10px 55px 15px; font-size: 12px; border-radius: 0px; background:#25bebc;}
.vaprofile-box .profile-head-right{ width: calc(100% - 150px); margin: 0px; padding: 0px 0px 0px 40px; }
.vaprofile-box .profile-head-right .profile-name { font-size: 20px; font-weight: 600;  padding-bottom: 5px; width: 100%; color: #00283c; }
.vaprofile-box .profile-head-right .rating-status{margin:0px 0px 10px 0px; padding:5px 0px 0px 0px; width:100%;}
.vaprofile-box .profile-head-right .rating-status .start-rating{font-size:12px; color:#e8b80f;}
.vaprofile-box .profile-head-right .va-designation{ font-size:14px; font-weight:600; color:#00283c; }
.vaprofile-box .profile-head-right .email-n-phone{ font-size:14px; font-weight:400; color:#00283c; line-height:30px;}
.vaprofile-box .profile-head-right .email-n-phone i{ width: 20px; text-align: center; margin-right: 10px; }
.vaprofile-box .profile-body{ width: 100%; margin: 0px; padding: 10px 0px 0px 0px;  display: flex; flex-wrap: wrap; }
.vaprofile-box .profile-body .va-address{ font-size:14px; font-weight:400; color:#00283c; line-height:30px; width:100%;}
.vaprofile-box .profile-body .va-address i{ width: 20px; text-align: center; margin-right: 10px; }
.btn-cntr{width:100%; margin:0px; padding:10px 0px 0px 0px;}


.vaprofile-box ul.overview{list-style:none; margin:0px; padding:0px;}
.vaprofile-box ul.overview li{display:inline-block; margin:0px 0px 10px 0px; padding:0px; width:50%; float:left; text-transform:uppercase; font-weight:600; font-size:14px;}
.vaprofile-box ul.overview li i{ width: 20px; text-align: center; margin-right: 5px;   color: #25bebc;}
.vaprofile-box ul.overview li span{ text-transform:capitalize; padding-left:10px;  font-weight:400; display:block;}
.nav.nav-tabs.projects_tabs li a:hover{ background: #25bebc; color: #fff; border-color: #25bebc; } 
.vaprofile-box .tab-content{padding:20px 0px;}
.vaprofile-box-body a{color:#25bebc;}
.vaprofile-box-body .progress { width: 100%; height: 10px; background: #e2e2e9 !important; border-radius: 8px;overflow: hidden; position:relative;}
.vaprofile-box-body .progress-success { background-image: url('../images/progress-success.png'); height: 10px; display: inline-block; float:left; }
.progress-success span { position: absolute; left: 50%; top: 5px; font-size: 10px; font-weight: bold; }
.vaprofile-box .tab-content ul { list-style: none; margin: 0px; padding: 0px; }
.vaprofile-box .tab-content ul li{position:relative; margin:0px 0px 10px 0px; padding:0px 0px 0px 24px;}
.vaprofile-box .tab-content ul li::before{ content:"\f00c"; font: normal normal normal 14px/1 FontAwesome; color: #F27358; position:absolute; left:0px; top: 3px;}

.va-profile-box{ width:60px; margin:0px; padding:0px;}
.va-profile-box .useravatar{ margin: 0px; margin-right: 0px; min-width: 60px; min-height: 60px; position:relative; border: 2px solid #F27358;}
.va-profile-box .useravatar span{ position: absolute; top: 0px; z-index: 1; left: 0px; width: 60px; height: 60px; background: rgba(0,0,0,.8); display: none; align-content: center; align-items: center; justify-content: center; border-radius: 100%; transition:all ease .5s;}  
.va-profile-box .useravatar:hover span{  display: flex;  transition:all ease .5s;}
.va-profile-box .useravatar span .text-primary{color:#F27358 !important;}
.start-rating, .star-rating-section { font-size: 12px !important; color: #e8b80f !important; }


.experience-section .removeExperience{ position: absolute; right: 0; top: 0; border-radius: 0px 8px 0px 100%; width: 40px; padding-left: 15px; padding-bottom: 10px;}
.custom-file-label{ background-color: var(--theme-darkblue) !important;  border: 1px solid var(--theme-tealdark) !important; }
.custom-file-label::after{ color: #fff; background-color: #16435a; border-left: 1px solid #16435a;}


.vaprofile-box .nav.nav-tabs.projects_tabs li a { background: #fff; border: 1px solid #ccc; border-radius: 5px 5px 0 0; color: #454545; padding: 10px; margin-right: 2px; }
.vaprofile-box .nav.nav-tabs.projects_tabs li a.active { background: #F27358; color: #fff; border-color: #F27358; }

/* Signup va profile picture crop modal css */
#modal_crop .modal-body{
max-height: 789px;
overflow-x: scroll;
}

#modal_crop .cropper-crop-box, .cropper-view-box {
border-radius: 50% !important;
}

#modal_crop .cropper-view-box {
box-shadow: 0 0 0 1px #39f;
outline: 0;
}

#modal_crop .cropper-face {
background-color:inherit !important;
}

#modal_crop .cropper-dashed, #modal_crop .cropper-point.point-se, #modal_crop .cropper-point.point-sw, #modal_crop .cropper-point.point-nw,   #modal_crop .cropper-point.point-ne, #modal_crop .cropper-line {
display:none !important;
}

#modal_crop .cropper-view-box {
outline:inherit !important;
}
/* if needed*/
.cropper-modal {
background-color: #000 !important;
opacity: 0.7 !important;
}

#modal_crop .img-container img { max-width: 100%;}



#profileFileName {
width: 250px;
position: absolute;
padding: 5px;
background-color: initial;
}
.transparentBg{
color:transparent !important;
}


.start-rating, .star-rating-section { font-size: 12px !important; color: #c8c4c4 !important; }
.start-rating, .star-rating-section .checked{ font-size: 12px !important; color: #e8b80f !important; }

.disabled {
pointer-events: none;
}
/*
Style.css end of the file
*/


/* Mgrey 3-11-2023 */
.send_message_form_box_content select{ -webkit-appearance:none; appearance:none; background-image:url(../images/arrow.png);     background-repeat: no-repeat;    background-position: center right;}
.card-view-footer .hire-btn { min-width: 122px; }
.card-view-footer .location{ line-height:20px; display: flex; padding-right: 10px;}
.pricing_plan_box h4::after { content: ""; position: absolute; width: 130px; height: 0px; border: 2px solid #F27358; bottom: -15px;  left: 50%; margin-left: -65px; top: auto; }
.pricing_plan_image figure{border-radius:18px;     overflow: hidden;  height:250px;}
.pricing_plan_image figure img{ width:100%; height:100%; object-fit:cover;}
.pricing_plan_section .pricing_plan_box{ padding-left:16px; padding-right:16px;  height: calc(100% - 180px);}
.pricing_plan_box ul li, .pricing_plan_box ol li{ word-break: break-all; }
.btn-success:focus, .btn-danger:focus { color: #fff !important; background-color: #00283c !important; border-color: #00283c !important;} 
.btn-success:focus i, .btn-danger:focus i{color:#fff !important;}
.card-view a.text-decoration-none.paynow_btn{cursor:pointer}
.pricing_plan_box ul li, .pricing_plan_box ol li{position:relative; padding-left:25px;}
.pricing_plan_box ul li::before, .pricing_plan_box ol li::before{ position:absolute; content: "\f00c";  color: var(--e-global-color-secondary);  font-family: "Font Awesome 6 Free"; font-weight: 900; left:0px; }
/* End Mgrey 3-11-2023 */

@media (max-width: 575px) {
.pricing_plan_box h4::after {	left: 0;	margin-left: 0px;}
}