
.blue-heading-section .h2 {font-size:4.2rem;line-height:4.6rem;font-weight: 700;letter-spacing: -0.84px;}
.slider-with-3-img-perview .slider-inner-wrapper{background-color: #F0F3FF}
.slider-list{
    margin: 0 30px 20px;
}
.slider-list li{
    margin-bottom: 5px;
    line-height:2.4rem;
    list-style-type: disc;
}
/****************glide slider css**************/
.slider-with-3-img-perview .glide {position: relative;width: 100%;box-sizing: border-box;padding-bottom: 1px;margin:0 auto}
.slider-with-3-img-perview .glide{max-width:900px;}
.slider-with-3-img-perview .glide__slides,.slider-with-3-img-perview  .glide__track {overflow: hidden}
.slider-with-3-img-perview .glide * {-webkit-box-sizing: inherit;box-sizing: inherit}
.slider-with-3-img-perview .special-orange-btn {text-align: center;width: calc(100% - 40px);margin: 0 auto;font-size:1.8rem;line-height:2.5rem;padding: 12px}
.slider-with-3-img-perview .desc-wrapper{padding:0 40px}
.slider-with-3-img-perview .resume_template_wrap img{width:100%;background-color: #fff;}
.slider-with-3-img-perview .special-hidden-btn{display:none}
.slider-with-3-img-perview .resume_template_name{opacity:0;font-size:1.8rem;line-height:3.0rem;text-align:center;padding-top:40px;text-transform:capitalize;}
.slider-with-3-img-perview .glide__slide.glide__slide--active .resume_template_name{display:block;opacity:1}
.slider-with-3-img-perview.hide-template-title .glide__slide.glide__slide--active .resume_template_name{visibility: hidden; }
.slider-with-3-img-perview .resume_template_wrap .p1p-hover-img-btn{border:2px solid #545BF8;position:relative}
.slider-with-3-img-perview .resume_template_wrap:hover .p1p-hover-img-btn{outline: 0;}
.slider-with-3-img-perview .glide__slides {
	position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform;
}
.slider-with-3-img-perview .glide__slides--dragging {user-select: none}
.slider-with-3-img-perview .glide__slide {width: 100%;height: 100%;flex-shrink: 0;white-space: normal;user-select: none;-webkit-touch-callout: none;-webkit-tap-highlight-color: transparent }
.slider-with-3-img-perview .glide__slide a {user-select: none;-webkit-user-drag: none;-moz-user-select: none;-ms-user-select: none; }
.slider-with-3-img-perview .glide-wrap .glide__arrows {-webkit-touch-callout: none;user-select: none;position:absolute;top:calc(50% - 70px);width:100%}

/****************/
.slider-with-3-img-perview .glide-wrap .glide__arrow{background: #fff;width: 24px;
    height: 24px;position:absolute;font-size: 0;display: inline-block;background-color:transparent;border:none}
.slider-with-3-img-perview .glide-wrap button.glide__arrow.glide__arrow--left{left:40px}
.slider-with-3-img-perview .glide-wrap button.glide__arrow.glide__arrow--right {right:40px;}
.slider-with-3-img-perview .glide-wrap .glide__arrow:before{
	position: absolute;
    content: '';
    width: 24px;
    border-radius: 46px;
    height: 3px;
    transform-origin: 0 0;
    position: absolute;
    background: #545BF8;
    top: 6px;
    left: 0px;
}
.slider-with-3-img-perview .glide-wrap button.glide__arrow.glide__arrow--left:after {
    border-width: 3px 0 0 3px;
    transform: rotate( -45deg);
    content: "";
    border-color: #545BF8;
    border-style: solid;
    width: 10px;
    padding: 4px;
    display: block;
    position: relative;
    top: -5px;
}
.slider-with-3-img-perview .glide-wrap button.glide__arrow.glide__arrow--right:after {
    border-width: 3px 3px 0 0;
    transform: rotate( 45deg);
    content: "";
    border-color: #0077d6;
    border-style: solid;
    width: 10px;
    padding: 4px;
    display: block;
    position: relative;
    top: -5px;right:-8px
}
.slider-with-3-img-perview .glide-wrap button.glide__arrow.glide__arrow--right:before{left:-6px}
.slider-with-3-img-perview .glide__slide{position:relative}
.slider-with-3-img-perview .special-orange-btn:hover,.special-orange-btn{text-decoration: none;outline: none;text-decoration: none;}
.capsule-button-wrapper {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.flex-item {
    padding: 5px 15px;
    margin: 5px;
    line-height:3.0rem;
    color: #fff;
    font-weight: 700;
    font-size:1.5rem;
    text-align: center;
    border-radius: 4px;
    background-color: #135D89;
}
@media only screen and (min-width:768px){
	.slider-with-3-img-perview .resume_template_name{margin-bottom:60px}
	.slider-with-3-img-perview .resume_template_wrap{max-width:306px}
	.slider-with-3-img-perview .special-orange-btn {position: absolute;top: calc(100% - 195px);left: 0;right: 0;}
	.slider-with-3-img-perview .special-orange-btn {display:none;pointer-events:none;}
	.slider-with-3-img-perview .resume_template_wrap:hover + .special-orange-btn {display:block}
	.slider-with-3-img-perview .special-hidden-btn{display: block;height: 100%;position: absolute;top: 0;left: 0;width: 100%;}
    .glide-arrow-right-side .glide__arrow.glide__arrow--right{left: unset;}
}
@media only screen and (max-width:767px){
    .slider-mobile-left.blue-heading-section .h2 {
        padding: 40px 40px 0; 
        text-align: left;
    }	
	.blue-heading-section .h2 {font-size:2.8rem;line-height:3.5rem}
	.slider-with-3-img-perview .slider-inner-wrapper{margin:0 -15px}
	.slider-with-3-img-perview .resume_template_name{padding-top:20px;margin-bottom:30px}
	.slider-with-3-img-perview .special-orange-btn{width:100%;font-size:1.6rem;line-height:1.9rem;padding:14px;opacity:0;display:block}
	.slider-with-3-img-perview .glide__slide.glide__slide--active .special-orange-btn{opacity:1}
	.slider-with-3-img-perview .glide-wrap .glide__arrows {top: calc(100% - 100px)}
	.slider-with-3-img-perview .glide-wrap button.glide__arrow.glide__arrow--left{left:50px;right:auto}
    .slider-with-3-img-perview .glide-wrap button.glide__arrow.glide__arrow--right {right:50px;left:auto}
    .capsule-button-wrapper {
		justify-content: left;
	}
	.flex-item {
		font-size:1.4rem;
		line-height:2.2rem;
		font-weight: 400;
	}
}