/*Common css*/
.catherine-hamlin .wrapper{padding-top:0}
.catherine-hamlin-page{overflow:hidden;}

@media(max-width:1440px){
	.catherine-hamlin h2{font-size:35px !important}
}
@media(max-width:1200px){
	.catherine-hamlin h2{font-size:30px !important}
}
@media(max-width:991px){
	.catherine-hamlin h2{font-size:25px !important;margin-bottom: 15px !important;}
	.catherine-hamlin p{font-size:15px;line-height:22px}
	.catherine-hamlin ul li{font-size:15px !important;line-height:22px !important}

	.int-table{padding-right: 0}
	.int-table table tr td{height:30px;font-size:12px}
}
@media(max-width:767px){
	.catherine-hamlin h2{font-size:22px !important;margin-bottom: 10px !important;}
	.int-table{padding:0 10px}
	.int-table table{border-collapse:collapse}
	.int-table table tr td{border:solid 5px #f4f4f4;}
}
/*---banner css start here----*/
.en-banner {position: relative; width: 100%; height: 100vh; background-repeat: no-repeat;background-position: center top;background-size: cover;display:flex;align-items:center;}
.en-banner:after {content: ""; width: 50%; position: absolute; background: #338799; height: 100%; right: 0; z-index: -1;top: 0 }
.en-banner .container{max-width: 1500px; margin-right: 0; text-align: right; padding: 0; }
.caption {z-index: 9; margin: 0 auto auto; background: #6caf61; position: absolute; bottom: 70px; left: -10%; max-width: 895px; padding: 55px 90px; text-align: left;}
.caption:before {height: 7px; width: 50%; position: absolute; right: 0; background: #a7e59c; top: -4px; content: ""; }
.caption h1 {color: #FFF;font-size:45px}
.caption .blue-txt{color:#204d85}
.bannerimg{position:relative;}
.bannerimg figure{max-height: 600px; overflow: hidden; }
.bannerimg figure img{max-height:700px}
@media(max-width:1440px){
	.caption{left:10%;max-width:650px;padding:50px}
	.caption h1{font-size:30px;line-height:1.3}
	.bannerimg figure{max-height:500px;max-width:65%;margin-left:auto;}
}
@media(max-width:1200px){
	.caption{max-width:480px;padding:30px}
	.caption h1{font-size:25px}
}
@media(max-width:991px){
	.en-banner{height:inherit;min-height:600px}
	.caption{max-width:400px;margin-left:0;left: 0;bottom:50px}
	.caption h1{font-size:20px}
	.caption .blue-txt{display:block;}
}
@media(max-width:575px){
	.bannerimg{display: flex; flex-flow: column;}
	.bannerimg figure{max-width:100%;order:1}
	.en-banner{min-height:100vh;padding:100px 0;}
	.caption:before{display:none;}
	.caption{position:static;order:2}
	.caption h1{font-size:20px}
}
/*---banner css end here----*/

/*---about about css start here----*/
.about {padding:80px 0 80px 15px;background:#f2f2f2;position:relative;}
.about .container{max-width:1530px;margin-right:0}
.about .about-desc{padding-right:50px;color:#FFF}
.about-desc h2 {margin-bottom:23px;font-size:45px;color:#338799}
.about-desc p {margin-bottom: 20px;color:#000}
.about-desc a{color:#000;display:inline-block;}
.about-desc a:after {height: 1px; width: 100%; content: ""; background: #6caf61; display: block;transition:0.5s all}
.about-desc a:hover{color:#999}
.about-desc a:hover:after {background:#000}
.about .about-imgBox{text-align:right;position:static;padding-right: 0}
.about .about-imgBox img{position:relative;z-index:2}
@media(max-width:1440px){
	.about-desc h2{font-size:35px}
	.about .container{max-width:1200px} 
}
@media(max-width:1200px){
	.about{padding:60px 0 50px 5px}
	.about .about-imgBox:after{height:600px;width:600px}
	.about .about-desc{padding-right: 0}
	.about-desc h2{font-size: 25px; margin-bottom: 15px;margin-top:0}
}
@media(max-width:991px){
	.about{padding-left: 0}
	.about .about-desc {padding-right: 15px; }
	.about .about-imgBox:after {height: 550px; width: 550px; }
}
@media(max-width:767px){
	.about .about-imgBox:after{height: 400px; width: 400px; bottom: -50px; top: auto; right: -120px;}
}
@media(max-width:575px){
	.about .about-imgBox{margin-left: auto; margin-right:0;max-width:100%;padding-right: 15px;order:1;margin-bottom:20px}
	.about .about-imgBox img{max-width:100%}
	.about .about-desc{order:2}
}
@media(max-width:360px){
	.about-desc a{font-size:14px}
}
/*---about about css end here----*/

/*--objective START--*/
.objective{padding:175px 0;color:#FFF}
.objective .contain-wrapper{background:#6caf61;padding:60px 140px 45px;max-width:1440px;margin:auto;border-radius: 20px}
.objective h2{margin-bottom:22px;font-size:45px}
.objective h6{margin-bottom:30px}
.objective p{margin-bottom:5px}
.objective ul li{position:relative;margin-bottom:20px;padding: 0 0 0 12px}
.objective ul li:before{content:"";height:4px;width:4px;border-radius:100%;background:#FFF;position:absolute;left: 0;top:10px}
@media(max-width:1440px){
	.objective{padding:120px 30px}
	.objective .contain-wrapper{padding:60px 80px 45px}
}
@media(max-width:1200px){
	.objective {padding: 80px 20px; }
	.objective .contain-wrapper{padding:40px}
	.objective h2{font-size:35px}
}
@media(max-width:991px){
	.objective .contain-wrapper{padding:30px;border-radius: 15px}
	.objective h2{font-size:25px}
}
@media(max-width:767px){
	.objective {padding: 60px 15px; }
	.objective .contain-wrapper{padding:20px}
}
@media(max-width:575px){
	.objective {padding:60px 15px}
	.objective h2{font-size:22px}
	.objective h6{margin-bottom: 20px; font-size:15px; font-weight:500;}
}
/*--objective END----*/

/*intial-problem START*/
.intial-problem{background:#f4f4f4;padding:165px 0 105px}
.intial-problem h2{font-size:45px;margin-bottom:25px}
.intial-problem .int-table{padding-right: 85px}
.intial-problem .imgBox{padding:0;}
.intial-problem .imgBox figure{height: 100%; padding: 10px 0;}
.intial-problem .imgBox figure img{height:100%;object-fit:cover;}
.intial-problem h5{padding:9px 0 15px 0}
.intial-problem .descBox{padding:15px 0 0 0}
.intial-problem .descBox ul li{position: relative; counter-increment: li; padding-left:57px; padding-bottom:25px; line-height: 1.5;min-height:82px}
.intial-problem .descBox ul li::before {content: counter(li); position: absolute; left: 0; top:-5px; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; font-size: 16px; background: #338799; font-weight: 500; z-index: 1; color: #FFF; }
.intial-problem .descBox ul li:after {content: ''; position: absolute; left: 19px; top: 0; width: 1px; height: 100%; background: #338799; }
.intial-problem .descBox ul li:last-child:after{display:none;}
.intial-problem .descBox ol li{margin-bottom:10px;position:relative;padding:0 0 0 15px;line-height:1.5}
.intial-problem .descBox ol li:before{content:"";height:6px;width:6px;border-radius:100%;background:#e2672a;position:absolute;left: 0;top:9px}
@media(max-width:1440px){
	.intial-problem{padding:120px 0}
}
@media(max-width:1200px){
	.intial-problem{padding:60px 0}
	.intial-problem .int-table {padding-right: 15px; }
	.intial-problem .descBox {padding:50px 0 0 0; }
	.intial-problem h2{font-size:35px}
}
@media(max-width:991px){
	.intial-problem .descBox{padding:30px 0 0 0}
	.intial-problem .descBox ul li{padding-left:40px;padding-bottom: 40px;}
	.intial-problem .descBox ul li:after{left:15px}
	.intial-problem .descBox ul li::before{width: 30px; height: 30px;line-height:30px;font-size:14px}
	.intial-problem h2{font-size:25px}
	.intial-problem .imgBox figure img{height:auto;}
}
@media(max-width:767px){
	.intial-problem {padding:60px 0 50px}
	.intial-problem h2{font-size:22px}
	.intial-problem h5 {padding: 0 0 10px 0; font-size: 15px; }
	.intial-problem .int-table{padding: 0 5px;margin:0}
	.int-table table{margin:0}
	.intial-problem .imgBox{padding:0 15px;order:1;margin:10px 0}
	.intial-problem .int-table{order:2}
	.intial-problem .descBox {padding: 30px 0 0 0; }
	.intial-problem .descBox ul li{font-size:15px;line-height:1.5}
	.intial-problem .descBox ol li{font-size:15px;line-height:1.5}
}
/*intial-problem END*/

/*obj-list START*/
.obj-list{background:#eaeaea;padding:66px 0 66px 100px;border-radius:20px 0 0 20px;position:relative;bottom:-100px}
.obj-list .iconBox{border-radius: 20px; border: solid 1px #e00600; min-height: 177px; display: flex; align-items: center; text-align: center; line-height: 1.5;position:relative;padding:15px;justify-content: center;}
.obj-list .iconBox figure{position: absolute; left: 0; right: 0; top: -20px; background: #eaeaea; display: inline-block; margin: auto; width: 98px;}
.obj-list .obj-wrap p{margin-bottom:60px}
.obj-list .row{margin:0 -30px}
.obj-list .row .item{padding:0 30px}
.obj-list:after {content: ""; background: #eaeaea; height: 100%; left: 100%; width: 100vw; position: absolute; top: 0; }
@media(max-width:1200px){
	.obj-list{padding:60px 0 60px 60px;bottom:-80px}
}
@media(max-width:991px){
	.obj-list{padding:30px;}
	.obj-list .iconBox .desc{font-size:15px;}
	.obj-list .row {margin: 0 -10px; }
	.obj-list .row .item {padding: 0 10px; }
}
@media(max-width:767px){
	.obj-list{bottom:-40px;padding:30px 20px;border-radius: 15px}
	.obj-list:after{display:none;}
	.obj-list .row .item:not(:last-child){margin-bottom:50px}
}
/*obj-list END*/

/*solution-main START*/
.solution-main{padding:163px 0 110px;position:relative;overflow:hidden;}
.solution-main  .container{max-width:1170px}
.solution-main h2{font-size:45px;margin-bottom:23px}
.solution-main ul{padding:20px 0 0 0;position:relative;}
.solution-main ul:before {content: ""; width:5px; height: 94%; position: absolute; left: 38px; background-image: linear-gradient(to bottom, #6caf61 18%, rgba(255, 255, 255, 0) 0%); background-position: left; background-size: 2px 10px; background-repeat: repeat-y;}
.solution-main ul li{position: relative; padding: 0 0 0 100px; min-height: 70px; display: flex; margin-bottom:70px; align-items: center;}
.solution-main ul li:before{content:"";background:#FFF;height:78px;width:78px;border:solid 1px #6caf61;border-radius: 100%;position: absolute;left: 0;top: 0}
.solution-main ul li p{margin:0 0 10px 0}
.solution-main ul li p:last-child{margin:0}
.solution-main ul li figure {position: absolute; left: 0; height: 78px; width: 78px; display: flex; align-items: center; justify-content: center; top: 0; }
.shape01{position: absolute; right: -320px; top:80px;z-index:-1}
.shape02{position: absolute; bottom:-100px; right: -150px;z-index:-1}
.shape03{position: absolute; left: -285px; bottom:-100px;z-index:-1}
@media(max-width:1440px){
	.solution-main{padding:120px 0 50px}
}
@media(max-width:1200px){
	.solution-main {padding:60px 5px 20px;}
	.solution-main h2{font-size:35px}
}
@media(max-width:991px){
	.solution-main h2{font-size:25px}
}
@media(max-width:767px){
	.solution-main{padding:60px 0 30px}
	.solution-main ul{padding: 0}
	.solution-main ul:before{left:25px}
	.solution-main ul li{padding:0 0 0 60px;margin-bottom:30px}
	.solution-main ul li:before{height:50px;width:50px;}
	.solution-main ul li figure{height: 50px; width: 50px;} 
	.solution-main ul li figure img {max-width: 30px; max-height: 30px; }
	.shape01{max-width:420px}
	.shape02{max-width:230px}
	.shape03{max-width:420px}
	.solution-main h2{font-size:22px}
}
/*solution-main END*/

/*results-main START*/
.en-results-main{background: #f3f3f3; padding:170px 0 140px 0;}
.en-results-main .container{max-width:1170px}
.en-results-main h2{font-size:45px;margin-bottom: 20px}
.en-results-main .h-sml-title{margin-bottom:20px;line-height:1.3}
.en-results-main .imgBox{padding: 0; margin: 10px 0 0 0;}
.en-results-main .imgBox figure{height:100%;padding:0 0 10px 0}
.en-results-main .imgBox figure img{object-fit:cover;height:100%}
.result-grid{padding:57px 0 160px}
.result-grid h5{margin-bottom:15px}
.result-grid .item{padding-right: 50px; padding-top: 20px;}
.result-grid .item p{font-weight:500;margin-bottom:10px;}
.result-grid .item .big-txt{font-size: 50px; font-weight: 700; color:#e46629;}
.graph-main{padding:80px 0 0}
.graph-main h5{margin-bottom:30px}
.graph-main .graphBox{margin-bottom:70px}
.graph-main .blackBox{color:#FFF;background:#161616;padding:25px 60px;text-align:center;border-radius:10px}
.graph-main .blackBox h5{margin: 0;line-height:1.5}
@media(max-width:1440px){
	.en-results-main{padding:120px 0 100px 0}
}
@media(max-width:1200px){
	.en-results-main{padding:80px 5px}
	.result-grid {padding: 80px 0; }
	.result-grid .item {padding-right: 15px; }
	.result-grid .item .big-txt{font-size:40px}
	.en-results-main h2{font-size:35px}
}
@media(max-width:991px){
	.result-grid {padding:40px 0; }
	.result-grid h5{font-size:18px;line-height:1.5}
	.result-grid .item{flex:0 0 50%;max-width:50%;margin-bottom:0}
	.result-grid .item .big-txt {font-size: 30px; }
	.graph-main h5{font-size:18px;line-height:1.5}
	.en-results-main{padding:60px 0}
	.en-results-main h2{font-size:25px}
	.en-results-main .h-sml-title{font-size:16px}
}
@media(max-width:767px){
	.en-results-main {padding:60px 0; }
	.en-results-main .imgBox{order:1;margin: 0 0 10px 0; padding: 0 15px;}
	.en-results-main .int-table{order:2}
	.result-grid {padding: 40px 0 0; }
	.result-grid h5{font-size:15px}
	.graph-main{padding:50px 0 0 }
	.graph-main h5{font-size:15px}
	.graph-main .graphBox [class*="col-"]{margin-bottom:40px}
	.graph-main .graphBox {margin-bottom: 10px; }
	.graph-main .blackBox{padding:25px 15px}
	.result-grid .item{flex: 0 0 100%; max-width: 100%; margin-bottom: 15px; border-bottom: solid 1px #CCC; padding-bottom: 15px;}
	.result-grid .item .big-txt {font-size: 25px; }
	.result-grid .item:last-child{border:0;}
	.en-results-main h2{font-size:22px}
	.en-results-main .h-sml-title{font-weight:500;font-size:15px}
}
/*results-main*/

@media(min-height:600px) and (max-height:700px){
	.bannerimg{margin:0 0 -40px 0}
	.bannerimg figure{max-height:400px}
	.caption{bottom:30px}
}