@charset "utf-8";
/* CSS Document */

/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*style the Divi Blurb link as a button*/
a.pa-blurb-button {
	color: #09e1c0;
	border: 2px solid #09e1c0;
	padding: .4em 1.3em;
	margin-top: 20px;
	border-radius: 30px;
	text-transform: capitalize;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}
/*style the Divi Blurb link text as a button on hover*/
a.pa-blurb-button:hover {
	background: #09e1c0;
	color: #000000;
	border: 2px solid #09e1c0;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

/** Blog Style Horizontal **/

@media only screen and (min-width: 1080px) {
    .thumbside-blog .et_pb_post.has-post-thumbnail .entry-featured-image-url {
        float: left;
        width: 30%;
        margin-right: 4%;
		margin-bottom:0;
    }
    .thumbside-blog .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {
        padding-left: 34%;
    }
	.thumbside-blog .et_pb_post { margin-bottom:0;}
}
.blogmain .et_pb_post{border-radius: 20px 0 20px 0;
  overflow: hidden;
  border-width: 0px;
  border-color: #efefef;
  background-color: RGBA(255,255,255,0);box-shadow: 0px 3px 15px 1px rgba(0,0,0,0.2); padding:25px;}
.blogsidebar .et_pb_widget select{ border:1px solid #666666; border-radius:15px; height:32px!important;padding: 5px 10px;}

.ctablog{ background-color:#fff; border:5px solid #09E1C0; border-top-left-radius:30px; border-bottom-right-radius:30px; margin:40px 0; padding:40px 50px;box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);}.ctablog h3{color:#222;line-height: 28px;}.ctablog span{ color:#09E1C0;}.ctablog a{ color:#09E1C0;}.ctablog p{ text-align:left;font-size:18px; color:#222!important;}.ctablog .cta-btn{ color:#09E1C0; display:inline-block; padding:8px 25px; border:none;border-radius: 30px; background:#000; margin-bottom:10px; margin-top:5px; margin-right:10px;transition: color 0.25s linear 0s,background-color 0.25s ease-in-out 0s,border-color 0.25s ease-in-out 0s;}.ctablog .cta-btn:hover{ display:inline-block;padding:8px 25px; border:none; background:#09E1C0; margin-bottom:10px; margin-top:5px; color:#000}

.cta-title {font-size: 28px!important;font-weight: bold;line-height: 1.3em!important;font-family:'Georgia',"Times New Roman",serif;}

@media only screen and (min-width: 992px){.ctablog h3, .cta-title{ font-size:26px; line-height:40px;}.ctablog p{ font-family:16px;}.icon1, div.icon{background:#fff url(https://www.outsourcestrategies.com/wp-content/uploads/2024/07/phone-icon.png) no-repeat 30px 45px;padding:40px 40px 40px 130px; }.icon2{background:#fff url(https://www.outsourcestrategies.com/wp-content/uploads/2024/07/ctaicon3.png) no-repeat 30px 45px;padding:40px 40px 40px 170px; }.calltxt{ font-size:18px;}}
@media only screen and (max-width: 991px){.icon1, div.icon{background:#fff url(https://www.outsourcestrategies.com/wp-content/uploads/2024/07/phone-icon.png) no-repeat center 20px;padding:110px 30px 30px;}.icon2{background:#fff url(https://www.outsourcestrategies.com/wp-content/uploads/2024/07/ctaicon3-sm.png) no-repeat center 30px;padding:120px 30px 30px;}.cta-title {font-size:24px!important;}}

.read{padding: 50px 5px; background: url(https://www.outsourcestrategies.com/wp-content/uploads/2024/07/arrow.png) no-repeat 30px 32px;}

.read .more{position: relative;border: 1px solid #eae6fd;
border-radius: 20px 20px 20px 0; padding: 3rem 1.25rem 1.25rem;box-shadow: 6px 6px 0 0 #1479ca;z-index: 0;}

.table-of-content{
  border: 1px solid #b9b7b76b;
  border-radius: 20px 0px;
  width: 100%;
  padding: 30px 30px 10px;
  box-shadow: 0px 5px 18px -6px rgba(0,0,0,0.3);
  display: table;
  margin: 1.5em 0 2.5em;
  position: relative;}.toc-headline{ font-size:25px;}.table-of-content h2{ padding-bottom:15px!important;}.table-of-content ul{margin-left:0!important; padding-top:20px;}.table-of-content li{ margin-bottom:3px;line-height: 1.5em!important;}
.table-of-content a{color:#222!important;}.table-of-content a:hover{ color:#86ce08; text-decoration:underline;}
.heading-level-3,.heading-level-4,.heading-level-5,.heading-level-6 { margin-left:15px!important;}
.abfd_et_pb_row .et_pb_column{ margin-right:0!important;}
.abfd-container .abfd-biography{ font-size:16px;}
.abfd-container .abfd-name{margin-bottom:10px!important;}
.et-menu .menu-item-has-children>a:first-child{padding-right: 15px!important;}

/*ctasyle1*/
.ctabg {
  background: linear-gradient(90deg, #bfe75d, #00cc74);
margin:20px 5px 30px 5px;
}
.ctabg2 {
  background: linear-gradient(90deg, #2ea3f2, #0fccce);
margin:20px 5px 30px 5px;
}
.wrap{
  height: 350px;
  position: realtive;
}
.wrap2{
  height: 500px;
  position: realtive;
}
.image {
	width:120px;
	height:120px;
  padding: 1rem;
  border-radius: 100%;
  margin: 0 auto;
	align-items:center;
}

.card-content {
  max-width: 85%;
  background-color: #fff;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 1rem;
  padding: 2rem .5rem;
  box-shadow: 1px 1px 2rem rgba(0,0,0,.3);
  text-align: center;
}

.htitle {
	text-align:center;
font-size:22px;
	padding:5px;
	line-height:1.2em;
	margin-bottom:10px;
}

.hsub {
font-size:18px;
	text-align:center;
	line-height:1.2em;
}

.subscribe-btn {
  padding: .8rem 2rem;
  border-radius: 5rem;
  background: linear-gradient(90deg, #bfe75d, #00cc74);
  color: #fff;
  font-size: .90rem;
	font-weight:bold;
  border: none;
  outline: none;
  cursor: pointer;
	margin:15px;
}

.subscribe-btn2 {
  padding: .8rem 2rem;
  border-radius: 5rem;
  background: linear-gradient(90deg, #2ea3f2, #0fccce);
  color: #fff;
  font-size: .90rem;
	font-weight:bold;
  border: none;
  outline: none;
  cursor: pointer;
	margin:15px;
}

/*ctasyle2*/

.courses-container {
margin:30px 0px 30px 0px;
}

.course {
	background-color: #00cc74;
	border-radius: 10px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	display: flex;
	max-width: 800px;
	margin: 0px auto;
	overflow: hidden;
	width: 100%;
}

.course2 {
	background-color: #167ac6;
	border-radius: 10px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	display: flex;
	max-width: 800px;
	margin: 0px auto;
	overflow: hidden;
	width: 100%;
}

.course-preview {
	background-color: #f6eeee;
	color: #fff;
	padding: 30px 30px;
	max-width: 250px;
}

.course-preview2 {
	background-color: #00cc74;
	color: #fff;
	padding: 30px;
	max-width: 550px;
}	

.course-preview2 a {
	color: #1A1818;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
}

.course-preview3 {
	background-color: #167ac6;
	color: #fff;
	padding: 30px;
	max-width: 550px;
}
	
.course-preview3 a {
	color: #1A1818;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
}
@media only screen and (min-width: 1201px) {
	.imgr{display:none;}
}

@media only screen and (max-width: 1200px) { 
	.imgr{width:100%;display:block;}
	
	.course-preview{display:none;}
	.course-preview3{
	text-align:center;
	max-width:100%;
	}
	
	.course-preview2{text-align:center;max-width:100%;
	font-weight:bold;}

}

.mhead {
    font-size: 22px;
    text-decoration: none;
    line-height: 26px;
}

.shead {
    font-size: 16px;
    text-decoration: none;
    line-height: 26px;
}	
	
.btn1 {
	background-color: #BFE75D;
	border: 0;
	border-radius: 50px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	color: #fff;
	font-size: 16px;
	padding: 12px 25px;
	letter-spacing: 1px;
	cursor:pointer;
}

.btn2 {
	background-color: #e6e4e5;
	border: 0;
	border-radius: 50px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	color: #1A1818;
	font-size: 16px;
	padding: 12px 25px;
	letter-spacing: 1px;
	cursor:pointer;
}

/*contentctasyle*/

.ctbg {
margin:50px 5px 50px 5px;
}


.imge {
width:80px;
height:80px;
padding: 5px;
border-radius: 100%;
position: absolute;
top:-40px;
}
.imge1 {
width:60px;
height:60px;
padding: 5px;
border-radius: 100%;
position: absolute;
top:-20px;
}
.imge2 {
width: 60px;
  height: 60px;
  padding: 5px;
  border-radius: 100%;
  position: relative;
  top: -55px;
  display: block;
  float: right;
}

.ct-content {
	width:800px;
	max-width: 90%;
    position: relative;
    margin:0 auto;
    border: 1px solid #b9b7b76b;
    border-radius: 20px 20px 20px 0px;
    padding: 1.875rem 1.25rem 1.25rem;
    box-shadow: 6px 6px 0 0 rgba(103, 166, 255);
}
.ct-content2 {
  width: 800px;
  max-width: 90%;
  position: relative;
  margin: 0 auto;
  border: 1px solid #eee;
  border-radius: 20px 20px 20px 0px;
  padding: 1.875rem 1.25rem 1.25rem;
  box-shadow: 6px 6px 0 0 rgba(103, 166, 255);
  padding: 1.875rem 1.25rem 1.25rem;
  background: #eee;
}
.ctitle {
font-size:22px;
	padding:5px;
	line-height:1.2em;
	margin-bottom:10px;
}
.ctitle2 {
font-size:22px;
color:#000000;
	padding:5px;
	line-height:1.2em;
	margin-bottom:10px;
}
.csub {
font-size:16px;
	line-height:1.2em;
}
.csub2 {
font-size:16px;
	line-height:1.2em;
	margin-top:20px;
}

/* CTA Design CSS */
.blogcta {
	width: 350px; border: 1px solid #b9b7b76b; border-radius: 20px 0px; margin:20px auto; padding: 20px 10px;}

	.blogcta img {width:70px; height:70px;}

.blogcta img {width:70px; height:70px;}
.mainhead {font-size: 18px; text-decoration: none; text-align: center; line-height: 26px;}
.subhead {font-size: 16px; text-decoration: none #ffffff; text-align: center; line-height: 36px;}

/*-----cta media query css--------*/

@media only screen and (min-width: 200px) and (max-width: 320px)  {

.blogcta {width: 200px; border: 1px solid #b9b7b76b; border-radius: 20px 0px; margin:20px auto; padding: 20px 10px;}
	.blogcta img {width:50px; height:50px;}
.mainhead {font-size: 16px; text-decoration: none; text-align: center; line-height: 24px;}
.subhead {font-size: 14px; text-decoration: none; text-align: center; line-height: 24px;}
  
    }

@media only screen and (min-width: 321px) and (max-width: 480px)  {

.blogcta {width: 250px; border: 1px solid #b9b7b76b; border-radius: 20px 0px; margin:20px auto; padding: 20px 10px;}
	.blogcta img {width:70px; height:70px;}
.mainhead {font-size: 18px; text-decoration: none; text-align: center; line-height: 26px;}
.subhead {font-size: 16px; text-decoration: none; text-align: center; line-height: 26px;}
  
    }

@media only screen and (min-width: 481px) and (max-width: 640px)  {
 
.blogcta {width: 350px; border: 1px solid #b9b7b76b; border-radius: 20px 0px; margin:20px auto; padding: 20px 10px;}
	.blogcta img {width:70px; height:70px;}
.mainhead {font-size: 18px; text-decoration: none; text-align: center; line-height: 26px;}
.subhead {font-size: 16px; text-decoration: none; text-align: center; line-height: 26px;}

    }

@media only screen and (min-width: 641px) and (max-width: 767px)  {
 
.blogcta {width: 350px; border: 1px solid #b9b7b76b; border-radius: 20px 0px; margin:20px auto; padding: 20px 10px;}
.blogcta img {width:70px; height:70px;}
.mainhead {font-size: 18px; text-decoration: none; text-align: center; line-height: 26px;}
.subhead {font-size: 16px; text-decoration: none; text-align: center; line-height: 26px;}

    }

@media only screen and (min-width: 768px) and (max-width: 1024px)  {

.blogcta {width: 500px; border: 1px solid #b9b7b76b; border-radius: 20px 0px; margin:20px auto; padding: 20px 10px;}
		.blogcta img {width:100px; height:100px;}
.mainhead {font-size: 18px; text-decoration: none; text-align: center; line-height: 26px;}
.subhead {font-size: 16px; text-decoration: none; text-align: center; line-height: 26px;}

  }

@media screen and (min-width: 1024px) {

.blogcta {width: 600px; border: 1px solid #b9b7b76b; border-radius: 20px 0px; margin:20px auto; padding: 20px 10px;}
	.blogcta img {width:100px; height:100px;}
.mainhead {font-size: 20px; text-decoration: none; text-align: center; line-height: 32px;}
.subhead {font-size: 18px; text-decoration: none; text-align: center; line-height: 36px;}
}

.typearea
{
-webkit-appearance: none;
background-color: none!important;
width: 100%;
border-width: 2!important;
border-radius: 0!important;
color: #999!important;
font-size: 16px!important;
padding: 16px!important;
}

/*-----zoho form style--------*/

.et_contact_bottom_container {
	  float:none!important;
    margin: 0 auto!important;
    display: block!important;
    text-align: center!important;
	text-decoration:none!important;
}

.et_pb_contact_form_0.et_pb_contact_form_container .input{border-width: 1px!important;
    border-style: solid!important;
    border-color: rgba(71, 74, 182, 0.12)!important;
background:none!important;
}

.et_pb_contact p input, .et_pb_contact p textarea {
color:#242424!important;
font-size:16px!important;
background:none!important;
border-width:1px!important;
border-style:solid !important;
border-color:#464545 !important;
}

.submitblack{background:#242424!important; color:#ffffff!important; border:0!important; border-radius:50px!important; text-align:center!important;}

.submitblue{background:#0c71c3!important; color:#ffffff!important; border:0!important; border-radius:50px!important; text-align:center!important;}


/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

/****table Style 08/10-2024****/

.table {border-collapse: collapse;
 width: 100%;
}

.table th {border: 1px solid #939191;
padding: 10px;
background-color: #dddddd;}

.table td {border: 1px solid #939191;
padding: 10px;
}


/***submenu expand mobile 14/1/2025***/

/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}

/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children a {
    background: transparent;
    font-family: 'Georgia', Georgia, 'Times New Roman', serif; /* Updated font stack */
}

/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
    font-family: 'Georgia', Georgia, 'Times New Roman', serif; /* Updated font stack */
}

/**** Swap out the icons with plus/close symbols ****/
#page-container span.menu-closed:before {
    content: "+"; /* Plus icon */
    display: block;
    color: #000;
    font-size: 16px;
    font-family: 'Georgia', Georgia, 'Times New Roman', serif; /* Updated font stack */
}
#page-container span.menu-closed.menu-open:before {
    content: "×"; /* Close icon */
    display: block;
    color: #000;
    font-size: 16px;
    font-family: 'Georgia', Georgia, 'Times New Roman', serif; /* Updated font stack */
}