/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                       ADDITIONAL 3 STYLE --- MAIN CSS START

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/* aimsWrap */

.aimsWrap .subTitle .elementor-heading-title {
	font-size: 40px;
	line-height: 44px;
}
.aimsWrap .ourBox .subTitle .elementor-heading-title {
    font-size: 42px;
    position: relative;
    display: inline-block;
    line-height: 46px;
}
.aimsWrap .ourBox {
	max-width: 1536px;
}
.aimsWrap .listBox {
    position: relative;
}
.aimsWrap .listBox:after {
    content: '';
    position: absolute;
    width: 2px;
    height: calc(100% + 88px);
    left: -36px;
    top: -44px;
    display: inline-block;
    background: #c7c7c7;
}
.aimsWrap .listBox li {
    font-family: 'OpenSans SemiBold';
    font-weight: normal;
}














/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                   ADDITIONAL 3 STYLE --- RESPONSIVE CSS START

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

@media (min-width: 1200px) {

	.aimsWrap .listBox li {
	    font-size: 18px;
	    line-height: 30px;
	}

}

@media (min-width: 768px) {

	.aimsWrap .ourBox .subTitle .elementor-heading-title {
	    white-space: nowrap;
	    transform: rotate(-90deg);
	}

}

/* Laptop screen */
@media (min-width: 1200px) and (max-width: 1440px) { 

	.aimsWrap .subTitle .elementor-heading-title {
		font-size: 36px;
		line-height: 40px;
	}
	.aimsWrap .ourBox .subTitle .elementor-heading-title {
	    font-size: 38px;
	    line-height: 42px;
	}
	.aimsWrap .ourBox {
	    max-width: 1190px;
	}
	.aimsWrap .listBox:after {
	    height: calc(100% + 68px);
        left: -22px;
        top: -34px;
	}

}

@media (min-width: 1025px) and (max-width: 1440px) { 


}

/* Large desktop */
@media (min-width: 1025px) and (max-width: 1199px) {

	.aimsWrap .subTitle .elementor-heading-title {
		font-size: 34px;
		line-height: 38px;
	}
	.aimsWrap .ourBox .subTitle .elementor-heading-title {
	    font-size: 36px;
	    line-height: 40px;
	}
	.aimsWrap .ourBox {
	    max-width: 1020px;
	}
	.aimsWrap .listBox:after {
	    height: calc(100% + 60px);
        left: -16px;
        top: -30px;
	}
	.aimsWrap .listBox li {
	    font-size: 18px;
	    line-height: 28px;
	}

}


@media (min-width: 1025px) {
	
	 	
}

   
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) { 
	
	.aimsWrap .subTitle .elementor-heading-title {
		font-size: 26px;
		line-height: 30px;
	}
	.aimsWrap .ourBox .subTitle .elementor-heading-title {
	    font-size: 28px;
	    line-height: 32px;
	}
	.aimsWrap .ourBox {
	    max-width: 880px;
	}
	.aimsWrap .listBox:after {
	    height: calc(100% + 60px);
        left: -14px;
        top: -30px;
	}
	.aimsWrap .listBox li {
	    line-height: 24px;
	}
	
}   

     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	
	@media screen and (orientation: landscape) {

	}

	.aimsWrap .subTitle .elementor-heading-title {
		font-size: 26px;
		line-height: 30px;
	}
	.aimsWrap .ourBox .subTitle .elementor-heading-title {
	    font-size: 28px;
	    line-height: 32px;
	}
	.aimsWrap .listBox:after {
	    left: 0;
        top: -20px;
        width: 134px;
        height: 2px;
	}

	
	
}

     
/* Landscape phones and down */
@media (max-width: 480px) { 


}