/*
Theme Name: Shelto
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/



.btn01 .elementor-button{
 background: url(images/bnt1bg.png) no-repeat;
	width:186px !important;
	text-align:left;
}

.uniBtn02 .elementor-button{
 background: url(images/Union02.png) no-repeat;
	width:199px;
	text-align:left;
}

.HBnrRight .imgbx50 .elementor-image-box-title::after{
	content:'';
	position:absolute;
	background:url(images/arrw.png) no-repeat;
	height:25px;
	width:12px;
	background-size:auto;
	right: 12px;
  top: 2px;
}

.HBnrRight .imgbx50:nth-child(1)::before{
	background:url(images/Line9.png) no-repeat;
	content:'';
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width: 6px;
	height: 28px;
	top: -28px;
}

.HBnrRight .imgbx50:nth-child(1)::after{
	background: url(images/Line-5.png) no-repeat;
    content: '';
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 1px;	
}

.HBnrRight .imgbx50:nth-child(2)::before{
	background:url(images/Line9.png) no-repeat;
	content:'';
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width: 6px;
	height: 28px;
	top: -28px;
}

.HBnrRight .imgbx50:nth-child(2)::after{
	background:url(images/Line-2.png) no-repeat;
	content:'';
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width: 1px;
	height: 25px;
	bottom: -25px;
}

.HBnrRight .imgbx50:nth-child(3)::before{
	background:url(images/Line-2.png) no-repeat;
	content:'';
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width: 6px;
	height: 28px;
	top: -24px;
}

.HBnrRight .imgbx50:nth-child(3)::after{
	background:url(images/Line-8.png) no-repeat;
	content:'';
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width: 6px;
	height: 28px;
	bottom: -28px;
}

.HBnrRight .imgbx50:nth-child(4)::before{
	background:url(images/Line-5.png) no-repeat;
	content: '';
    position: absolute;
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 1px;	
}

.HBnrRight .imgbx50:nth-child(4)::after{
	background:url(images/Line-8.png) no-repeat;
	content:'';
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width: 6px;
	height: 28px;
	bottom: -28px;
}

.cmnIconBx .elementor-icon-box-content {
    background: url(images/Subtract.png) no-repeat;
    min-height: 270px;
    background-size: auto;
    background-position: center center;
    padding-top: 112px;
}

.cmnIconBx01 .elementor-icon-box-content {
    background: url(images/Subtract.png) no-repeat;
    min-height: 270px;
    background-size: auto;
    background-position: center center;
    padding-top: 112px;
}

.lftBtn01 .elementor-button{	background:url(images/Union03.png) no-repeat;
	width:288px !important;
	text-align:left !important;
}
.lftBtn02 .elementor-button{	background:url(images/Union04.png) no-repeat;	
	width:206px !important;
	text-align:left !important;
}


.rateFrmBtn button[type="submit"]{	background:url(images/Unionbtn04.png) no-repeat;
	width:224px;
}

.easyCal .elementor-button{	background:url(images/Unionbtn05.png) no-repeat;
	width:306px;		
}

.leftIcnBx .elementor-widget-container{
	background:url(images/Subtract-1.png) no-repeat;
}

.learnAbt .elementor-button{	background:url(images/Unionbtn06.png) no-repeat;
	width:306px !important;
}

.leanCntr .elementor-button{
	width:344px !important;;		
	background:url(images/Unionbtn07.png) no-repeat !important;;
}


.sideDesign::after {
    position: absolute;
    content: '';
    background: url(images/sidearw.png) no-repeat;
    height: 213px;
    width: 136px;
    right: -18%;
    bottom: -30%;
}


.sideDesign01::after {
    position: absolute;
    content: '';
    background: url(images/sidearw.png) no-repeat;
    height: 213px;
    width: 136px;
    right: -12%;
    bottom: -30%;
}

.union08Btn .elementor-button{	background:url(images/Union08.png) no-repeat;
	width:198px;
}


.successRght .elementor-image-box-wrapper .elementor-image-box-content::after {
    position: absolute;
    content: '';
    background: url(images/arw.png) no-repeat;
    width: 24px;
    height: 35px;
    right: -24px;
    top: 30px;
}



.selfEmpBtn .elementor-button{
background:url(images/selempBtn-1.png) no-repeat;
	width:341px !important;	
}


.selfEmpBtn .elementor-button-content-wrapper::before{
	position:absolute;
	content:'';
	width:24px;
	height:24px;
	left:8px;	background:url(images/arrw01.png) no-repeat;	
}

.cmnIconBx .elementor-icon-box-title{
	max-width:320px;
	margin:auto;
}

.bookcall .elementor-button{
	background:url(images/bokkcall.png) no-repeat;
	width:288px !important;
}

.estimateFrm .elementor-button{	background:url(images/Union09.png) no-repeat;
	width:205px;
}


.rateBnrBtn .elementor-button{	background:url(images/rate01.png) no-repeat;
	width:288px !important;
}


.RwdBnrBtn .elementor-button{	background:url(images/rate01.png) no-repeat;
	width:288px !important;
}

.moveLearnBtn .elementor-button{
	width:345px !important;
	background:url(images/movelearnBtn.png) no-repeat;
}

.letsstartbtn01{
background:url(images/letsbtn01.png) no-repeat;
	
}
.letsstartbtn02{	background:url(images/letsbtn02.png) no-repeat;	
}


.calBtn .elementor-button {
    width: 290px !important;
    background: url(images/calbtn01.png) no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 12px;
    background-size: contain;
}


.tbLine::before {
    position: absolute;
    content: '';
    height: 43px;
    width: 6px;
    background: url(images/Linecal.png) no-repeat;
    left: 0;
    right: 0;
    top: -22px;
    margin: auto;
}

.tbLine::after{
	   position: absolute;
    content: '';
    height: 40px;
    width: 2px;
    background: url(images/LineMdlcal.png) no-repeat;
    left: 0;
    right: 0;
    bottom: -18px;
    margin: auto;
}

.btmLine::after {
    position: absolute;
    content: '';
    height: 43px;
    width: 6px;
    background: url(images/LinecalBtm.png) no-repeat;
    left: 0;
    right: 0;
    bottom: -18px;
    margin: auto;
}



.SlidecalBtn .elementor-button {
    width: 266px !important;
    background: url(images/calbtn01.png) no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 6px;
    background-size: contain;
	    font-style: initial;
}

.tPLine::before {
    position: absolute;
    content: '';
    height: 43px;
    width: 6px;
    background: url(images/Linecal.png) no-repeat;
    left: 0;
    right: 0;
    top: -34px;
    margin: auto;
}



.videoBtn01 .elementor-button {
	background: url(images/Unionbnr2.png) no-repeat;
    width: 213px;
    text-align: left;
}


.PostbtnArw .elementor-post__read-more::after{
	background: url(images/arrow-right.png) no-repeat;
	position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    right: -34px;
    top: 5px;
}


.PostbtnArw .elementor-post-date::before{
	position: absolute;	
	content: "";
	width: 20px;
	height: 20px;
    left: 0;
    top: 2px;
    background: url(images/calendar.png) no-repeat;
}

.dateInfo .elementor-post-info__item--type-date{
	position: relative;
	padding-left: 28px;
}

.dateInfo .elementor-post-info__item--type-date::before{
	position: absolute;	
	content: "";
	width: 20px;
	height: 20px;
    left: 0;
    top: 2px;
    background: url(images/calendar.png) no-repeat;
}


.sideBrd01::after{
	position: absolute;
    content: '';
    background: url(images/Vector14.png) no-repeat;
    background-size: contain;
    width: 136px !important;
    height: 213px !important;
    right: -11%;
    top: 13%;
}


.sideBrd02::after{
	position: absolute;
    content: '';
    background: url(images/Vector14.png) no-repeat;
    background-size: contain;
    width: 136px !important;
    height: 213px !important;
    right: -25%;
    top: 13%;
}



.sideBrd03::after{
	position: absolute;
    content: '';
    background: url(images/Vector14.png) no-repeat;
    background-size: contain;
    width: 136px !important;
    height: 213px !important;
    right: -16%;
    top: 13%;
}



.agentBtn0 .elementor-button{
	width: 286px !important;
	background-size: contain;
    background: url(images/Union01.png) no-repeat;
}


.jionShelto1 .elementor-button{
	width: 224px;
	background-size: contain;
    background: url(images/Union02a.png) no-repeat;
}

.AgentHeadBtn .elementor-button{
	width: 210px;
	background-size: contain;
    background: url(images/AgentApply.png) no-repeat;
}

.SeeAll  .elementor-button{
	width: 300px !important;
	background-size: contain;
    background: url(images/seeAll.png) no-repeat;
}

.blogDetailsInfos .elementor-post-info li:last-child::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 0;
    top: 12px;
    background: url(images/calendar.png) no-repeat;
}



/*=============   	1680 css start		=============*/
@media(max-width:1680px) {

	
}
/*=============   	1680 css End		=============*/


/*=============   	1440 css start		=============*/
@media(max-width:1440px) {

	
}
/*=============   	1440 css end	=============*/

/*=============   	1366 css start		=============*/
@media(max-width:1366px) {
	

}
/*=============   	1366 css end	=============*/


/*=============   	1280 css start		=============*/
@media(max-width:1280px) {
	
	
}
/*=============   	1280 css end	=============*/

/*=============   	1080 css start		=============*/
@media(max-width:1080px) {

	

	.custmerSecMobile .elementor-image-box-wrapper .elementor-image-box-content::after {
	    position: absolute;
	    content: '';
	    background: url(images/arw.png) no-repeat;
	    width: 24px;
	    height: 35px;
	    right: -24px;
	    top: 30px;
	}


	.SeeAll .elementor-button {
	    width: 220px !important;	  
	    background-size: 100%!important;
	}

	
}
/*=============   	1080 css end	=============*/


/*=============   991 css start		=============*/
@media(max-width:991px) {


}
/*=============  991 css end	=============*/




/*=============   768 css start		=============*/
@media(max-width:768px) {
	
}
/*=============  768 css end	=============*/

/*=============   767 css start		=============*/
@media(max-width:767px) {


.sideDesign::after{
/*	background: url(https://codesavvy.in/dev/Shelto/wp-content/uploads/2023/07/Line343.png) no-repeat;
	background-size: contain;
	background-position: center center;
	height: 9px;
	width: 258px;
	content: '';
	left: 0;
	right: 0;*/

	display: none;

}



.sideBrd01::after{background: url(images/line-new.png) no-repeat;
    background-size: auto !important;
    width: 100%  !important;
    height: 35px  !important;
    right: auto;
    top: auto;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
    background-position: center center;
}
	
.sideBrd02::after{background: url(images/line-new.png) no-repeat;
		background-size: auto !important;
    width: 100%  !important;
    height: 35px  !important;
    right: auto;
    top: auto;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
    background-position: center center;
}
.sideBrd03::after{background: url(images/line-new.png) no-repeat;
		background-size: auto !important;
    width: 100%  !important;
    height: 35px  !important;
    right: auto;
    top: auto;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
    background-position: center center;
}


.tbLine01.btmLine::after{	
	height: 58px;
	bottom: -38px;
	background: url(images/LineMdlcal.png) no-repeat;
	left: 0;
	right: 0;
	position: absolute;
	content: '';
	margin: auto;
}




}

/*=============  767 css end	=============*/


/*=============   680 css start		=============*/
@media(max-width:680px) {


}
/*=============  680 css end	=============*/

/*=============   580 css start		=============*/
@media(max-width:580px) {


}
/*=============   580 css End		=============*/

/*=============   480 css start		=============*/
@media(max-width:480px) {


}
/*=============   480 css End		=============*/

/*=============   414 css start		=============*/
@media(max-width:414px) {



}
/*=============   414 css End		=============*/

/*=============   390 css start		=============*/
@media(max-width:390px) {

	
}
/*=============   390 css End		=============*/


/*=============   360 css start		=============*/
@media(max-width:360px) {

}
/*=============   360 css End		=============*/

