body{padding: 0;margin: 0;}
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');

h1{font-size: 40px!important}
h2{font-size: 32px!important}	
h1 h2 h3 h4 h5 h6{font-family: "Newsreader" serif;}
p a{font-family: "Montserrat" serif;}	
.up{ display:flex;width: 100%}	
.top{background-color:red; display:inline-flex; width:30%!important; float:left;  }

.topnext{background-color: #D9D9D9;display:block!important;width: 71%!important;margin: 0;text-align: right;
  display: block;
  padding-right: 150px;}
.topnext a img{margin: 5px; width:25px;}
.social{ padding: 3px 12px;}

.logo{padding: 10px 0}
.logo img{width: 135px}
.topnd{display: block;}
.toplink{ padding:22px 5px 10px; text-align: right;}
.toplink img{display: inline-block; margin: 0 3px}
.toplink a h5{display: inline-block; color: #003a6b; font-size: 18px;
	font-style: normal;font-weight: 400;line-height: normal; margin: 0}
.toplink a p{display: inline-block; color: #000; font-size: 16px;
	font-style: normal;font-weight: 400;line-height: normal; margin: 0;padding-left: 1px}

.toplink1{ padding: 22px 5px 10px}
.toplink1 img{display: inline-block; margin:0px 0 3px; }
.toplink1 a h5{display: inline-block; color: #003a6b; font-size: 16px;
	font-style: normal;font-weight: 400;line-height: normal; margin: 0}
.toplink1 a p{display: inline-block; color: #000; font-size: 16px;
	font-style: normal;font-weight: 400;line-height: normal; margin: 0;padding-left: 1px}

.navtop{ }
.navig{margin:0;padding:0px!important }
.navi{background-color: #003a6b;border-radius: 20px 0 0 20px}
.navi ul{overflow: hidden; font-size: 16px;list-style-type: none;}
.navi{width: 100%;padding: 12px 0;}
.naviga{margin: auto!important;}
.naviga a:hover{color: #4aec00!important;}
.naviga a {font-size: 18px;padding: 0px 35px; color: #fff!important; }
.navi ul li a{display: block; color: #FFF;padding: 12px 45px;text-decoration:none; 
	text-align: center;font-weight:200;line-height: normal;}
.navi ul li a:hover{color:red; opacity: 1;transition: .3s;}

.topnavcall{display: none; position: absolute;right: 0px;top: 1px;background-color: #fe0000;padding: 5px 10px;border-radius: 20px;text-decoration: none;}
.topnavcall a{text-decoration: none;color: #fff;}
.topnavcall:hover{background-color: #ffff00;color: #000;transition: .8s;}
.topnavcall a:hover{text-decoration: none;color: #000;transition: .8s;}
.but{padding: 0!important}
.butt {padding: 12px 43px;color: #ffffff;border: none;background-image: linear-gradient(to right, #2a4fa0 , #ca373d);border-radius: 0 20px 20px 0; 
 font-size: 18px}
.butt a{color: #ffff}
.butt a:hover{color:#fff; opacity: 1;transition: .6s; text-decoration: none;background-color:#4aec00;}
.butt:hover{color:#fff; opacity: 1;transition: .6s; text-decoration: none;background-color:#4aec00;}

.menu {padding: 80px 0;text-align: center;}
.mai h1{color: #000; font-size: 46px;font-style: normal;font-weight: 400;
	line-height: 1.2;}
.mai p{color: #000; font-size: 26px;font-style: normal;font-weight: 400;line-height: normal}


.comp{padding-bottom: 80px}
.Company{display: inline-block; align-content: center;}
.Company h2{color: #000 ;font-size: 40px;font-style: normal;font-weight: 400;
	line-height: normal;width: 80%}
.build{border-radius: 20px;background-image: linear-gradient(to right, #2a4fa0 , #ca373d);width: 572px;padding: 20px 30px;margin: 40px auto;}
.build h3{color: #FFF; font-size: 26px;font-style: normal;font-weight: 400;
	line-height: normal;}
.build p{color: #FFF; font-size: 20px;font-style: normal;font-weight: 400;
	line-height: normal}	
.batan{border-radius: 20px;background-color:#003a6b;color: #FFF; 
	font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;border: none;
  padding: 8px 30px;}
 .batan:hover{color:#000000; opacity: 1;transition: .6s; text-decoration: none;background-color:#4aec00;}

.Companypic{text-align: right;}


.about{padding:80px 0 40px 0}
.about img{border-radius: 20px}
.Bestfire{width: 30%!important}
.Bestfire p{color: #003a6b; font-size: 26px;font-style: normal;font-weight: 400;
	line-height: normal; margin: 0}

.Bestfire h3{color: #000; font-size: 32px;font-style: normal;font-weight: 400;line-height: normal;}
strong{color: #e52d2b font-size: 38px;}
.Bestfire span{color: #000; ;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;}
.serv-typ{padding-bottom: 80px}

.project{margin: 5px 0;}
.project img{text-align: right;width: 16px;height: 16px;margin-left: 85px;margin-top: 8px;}
.project h4{text-align: right;margin: 0 8px;color: #000; 
	font-size: 20px;font-style: normal;font-weight: 400;line-height: normal; }


.service{padding-top: 80px;}
.ser h3{color: #000; font-size: 32px;
font-style: normal;font-weight: 400;line-height: normal;margin: 0}
.ser p{color: #000; font-size: 24px;font-style: normal;font-weight: 400;line-height: normal;
}

.ser1 a{text-decoration: none!important;text-align: center;}
.ser1 a p{border-radius: 20px;
  background-color: #003a6b;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  padding: 8px 30px;}
.ser1 a p:hover{color:#000000; opacity: 1;transition: .6s; text-decoration: none;background-color:#4aec00;}

.what{padding: 0px; text-align: center;}
.offer{box-sizing: border-box; background-color:#EFEFEF;border-radius: 20px;margin:75px auto;
}
.offer img{ position:relative;top:-47px }
.offer h5{position: relative; top:-30px; 
color: #000;text-align: center; font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;}

.useapp1{padding: 80px 0; text-align: center;}
.useapp1 h2{color: #1E1E1E;text-align: center; font-size: 32px;font-style: normal;
	font-weight: 400;line-height: normal;padding-bottom: 20px}
.appstock1{ padding:0 20px;}
.appstock1 h5{color: #000;text-align: center; font-size: 20px;
font-style: normal;font-weight: 400;line-height: normal;padding-top: 55px}
.appstock1 p{color: #FFF;text-align: center;font-size: 18px;line-height: 25px!important;
font-style: normal;font-weight: 400;line-height: normal;margin: 5px 0;padding-top: 20px}
.appstock1 img{width: 25%!important;margin: auto; border-radius: 50%;padding-bottom: 5px;}
.back{background-image: linear-gradient(to right, #2a4fa0 , #ca373d);border-radius: 20px;height: 175px;padding: 5px 20px}


.form{padding: 80px 0; text-align: center;}
.stay{ text-align:left!important; }
.form h3{color: #000;text-align: center; font-size: 32px;font-style: normal;
font-weight: 400;line-height: normal;}

.touch{}
.touch label{color: #1E1E1E; font-size: 18px;font-style: normal;font-weight: 400;
line-height: normal; }

.link{padding: 30px; background-image: linear-gradient(to right, #2a4fa0 , #ca373d);padding: 15px 0;}
.link1 img{margin-right: 5px}

.footer{padding:45px 30px; background-color:#262626;}
.footer h3{color: #fff;padding-top: 10px}

.line{color: #fff;border: .5px solid #f9f9f9;opacity: .2;margin: 45px auto;}
.foot1{text-align: center;}
.foot1 a img{border-radius: 10px}
.foot1 span{color: #FFF; font-size: 16px;font-style: normal;font-weight: 400;
line-height: normal;padding-top: 15px}
.foot2 h5{color: #FFF; ;font-size: 18px;font-style: normal;font-weight: 400;
line-height: normal;}
.foot2 p{margin: 5px auto;}
.foot2 p a{color: #FFF; font-size: 16px;font-style: normal;font-weight: 400;
line-height: normal;padding: 0!important; text-decoration: none;}
.foot2 p a:hover{color:#4aec00; opacity: 1;transition: .3s;}
.foot3{margin: 0}
.foot3 h5{color: #FFF; font-size: 18px;font-style: normal;font-weight: 400;
line-height: normal;}
.foot3 p a{color: #FFF; font-size: 16px;font-style: normal;font-weight: 400;
line-height: normal;padding: 0!important; text-decoration: none; margin: 0}
.gm{color: #FFF; font-size: 18px;font-style: normal;font-weight: 400;
line-height: normal;}

.add1 {color: #fff;margin-bottom: 0}
.add2 {color: #fff;margin-left: 25px}

.foot3 p a:hover{color:#4aec00; opacity: 1;transition: .3s;}
.foot3 iframe{border-radius: 20px}
.footerbar{background-color: #000; color: #848484}
.footerbar p{margin: 0;padding: 8px 0;text-align: center;}

.call {width: 60px;height: 60px;left: 30px;bottom: 70px;background: #2890e4;position: fixed;text-align: center;
  color: #ffffff;cursor: pointer;border-radius: 50%;z-index: 70;display: inline-block;line-height: 50px;
  font-size: 28px;opacity: .8;display: none;}


#back-to-top.show {
  opacity: 1;}

  #back-to-top {position: fixed;bottom: 20px;right: 40px;z-index: 9999;width: 32px;height: 32px;
  text-align: center;line-height: 30px;background: #f5f5f5;color: #444;cursor: pointer;border: 0;
  border-radius: 2px;text-decoration: none;transition: opacity 0.3s ease-out;opacity: 0;}
#back-to-top {text-align: center;line-height: 30px;color: #444;cursor: pointer;}




.whats-float {position: fixed;transform:translate(108px,0px);bottom: 70px;right:5px;width:150px;overflow: hidden;
    background-color: #25d366;color: #FFF;border-radius: 2px 0 0 2px;
    z-index: 10;transition: all 0.5s ease-in-out;vertical-align: middle}

.whats-float a span {color: white;
    font-size: 15px;padding-top: 8px;padding-bottom: 10px;position: absolute;line-height: 16px;font-weight: bolder;}

.whats-float i {font-size: 30px;color: white;line-height: 30px;padding: 10px;
    transform:rotate(0deg);transition: all 0.5s ease-in-out;text-align:center;}

.whats-float:hover {color: #FFFFFF;transform:translate(0px,0px);}

.whats-float:hover i  {transform:rotate(360deg);}



.whats-left {position: fixed;transform:translate(-108px,0px);bottom: 70px;left:5px;width:150px;overflow: hidden;
    background-color: #05adff;color: #FFF;border-radius: 2px 0 0 2px;
    z-index: 10;transition: all 0.5s ease-in-out;vertical-align: middle; display: none;}

.whats-left a span {color: white; padding-left: 15px;
    font-size: 15px;padding-top: 8px;padding-bottom: 10px;position: absolute;line-height: 16px;font-weight: bolder;}

.whats-left i {font-size: 30px;color: white;line-height: 30px;padding: 10px 113px;
    transform:rotate(0deg);transition: all 0.5s ease-in-out;text-align:center;}

.whats-left:hover {color: #FFFFFF;transform:translate(0px,0px);}

.whats-left:hover i  {transform:rotate(360deg);}


.crso1{padding: 20px 50px;}
.w-100{border-radius: 20px}*/
.carousel-indicators li {bottom: 2rem!important}
.carousel-caption{bottom: 6rem!important}
.carousel-caption h5{font-size: 4rem}
.carousel-caption p{font-size: 24px}
.carousel-indicators .active{margin-bottom: 1.5rem!important}



/*home page media*/
@media only screen and (max-width: 480px)

{
.topnd{padding: 0!important}
.logo{width: 30%!important;}	
.logo img{ width:95% }
.toplink{ display: none;}
.toplink1 img{margin: 0 10px; width: 20px}
.toplink a h5{font-size: 13px}
.toplink a p{font-size: 11px;margin: 0 -5px;}
.toplink1{width:60%!important; padding-left:  0!important}
.but{display: none;}
.butt{padding: 7px 20px;font-size: 14px}
.topnavcall{display: block;}

.navi{width: 100%;padding: 12px 0;border-radius: 0 0 5px 5px}

.navig{width: 100%!important;position: absolute!important;}
.menu{padding: 30px 0}
.comp{padding-top: 0;padding-bottom: 30px}
.offer{height: 111px;padding: 12px;}
.offer img{top: -36px;width: 30%;}
.offer h5{top: -22px}
.about{padding: 60px 0 40px 0;}
.Companypic img{display: none;}
.build{width: 100%!important}
.Companypic img{width: 100%}
.about img{width: 100%!important;margin-top: 3rem}
.Bestfire a{display: block!important;}
.Bestfire{width: 100%!important;padding-top: 25px}
.project img{margin-left: 16px!important}
.butt{padding: 7px 12px!important;font-size: 14px;border-radius: 20px!important}
.link1 img{width: 6%!important}
.footer{padding: 30px 30px;}
.foot2{margin-top: 20px}
.foot3{margin-top: 20px}

.whats-left{display: block;}
.call{display: block;width: 45px;height: 45px;line-height: 38px!important}

}


/*home page end here*/



/*our services page start here */

.teamservices{padding: 40px 0;background-color: #E5F5FF;position: relative;top: -24px;z-index: -1;}
.team h1{color: #000; font-size: 46px;font-style: normal;font-weight: 400;
	line-height: 1.2;padding-top: 80px}
.team p{color: #000; font-size: 26px;font-style: normal;
	font-weight: 400;line-height: normal}
.team2 { text-align:right; }


.servipro{padding: 80px 0; text-align: center;}
.servipro h3{color: #000;text-align: center; font-size: 32px;font-style: normal;
font-weight: 400;line-height: normal;padding-bottom: 80px}
.fire{}

.hight{margin-top: 120px}
.firepro{height:auto;}
.firepro1{background-color: #003a6b;height:90px;border-radius:20px 20px 0 0 }
.firepro1 img{position: relative;top:-60px}
.firepro1 h5{color: #FFF; font-size: 22px;font-style: normal;font-weight: 400;
line-height: normal;position: relative;bottom: 50px;}
.firepro2 {background-color: #EFEFEF;height: 150px;border-radius:0 0 20px 20px}
.firepro2 p{padding: 18px 30px;color: #000; font-size: 20px;font-style: normal;
	font-weight: 400;line-height: normal}


.point{background-color: #0060ff;padding: 80px; }
.pointcontainer{border: 1px solid #efefef; padding: 25px}
.point h3{color: #fff;text-align: center;font-size: 32px;margin-bottom: 25px}
.noc{border-right: 5px solid #fff;}
.noc h4{color: #fff; font-weight: 600}
.noc p{color: #fff;font-size: 18px}
.year{border-right: 5px solid #fff;}
.year h4{color: #fff;font-weight: 600}
.year p{color: #fff;font-size: 18px}
.pointclients img{float: left; margin-top: 10px; margin-right: 12px}
.pointclients p{color: #fff;text-align: left;font-size: 18px}

.why{padding: 80px 0}
.choose{background-color: #EFEFEF;border-radius: 20px;padding: 30px;}
.choose h3{color: #000; font-size: 32px;font-style: normal;font-weight: 400;
line-height: normal;margin:0 15px}
.choose p{color: #000; font-size: 20px;font-style: normal;font-weight: 400;padding-bottom: 10px;
line-height: normal;margin: 0 15px}
.choose ul li{color: #000; ;font-size: 18px;font-style: normal;font-weight: 400;
line-height: 30px;}

/*our services page media*/

@media only screen and (max-width: 480px)
{
.teamservices{top: -18px}
.team{text-align: center;}
.team2{text-align: center;padding-top: 24px;}
.team h1{padding-top: 35px;text-align: center;}
.firepro1 img{width: 25%!important;top: -48px}
.firepro2{height: 135px}
.firepro1 h5{bottom: 40px}
.firepro{height: auto; margin-bottom: 100px}
.pro{height: 360px}
.servipro h3{padding-bottom: 95px}
.noc{text-align: center;}
.year{text-align: center;}

.noc{border: none;}
.year{border: none;}
.point{margin: 0}
}






/*our services page end here*/


/*about us page start here*/

.abouthelp{padding: 30px 0;background-color: #E5F5FF;position: relative;top: -24px;z-index: -1;}
.help{}
.help h1{color: #000; font-size: 40px;font-style: normal;
	font-weight: 400;line-height: normal;padding-top: 110px}
.help p{color: #000; font-size: 26px;font-style: normal;font-weight: 400;
line-height: normal;}

.Intro{padding: 80px 0}
.duction{}
.duction h3{color: #0060ff;  font-size: 32px;font-style: normal;font-weight: 400;
line-height: normal;}
.duction p{color: #000; font-size: 20px;font-style: normal;font-weight: 400;
line-height: normal}
.duct h3{color:#0060ff; font-size: 32px;font-style: normal;font-weight: 400;
line-height: normal;}
.duct p{color: #000; font-size: 20px;font-style: normal;font-weight: 400;
line-height: normal}

.mission{padding: 80px 0}
.vision1 h3{color: #0060ff; font-size: 32px;font-style: normal;font-weight: 400;
line-height: normal}
.vision1 p{color: #000; font-size: 20px;font-style: normal;font-weight: 400;
line-height: normal;}

.vision2 h3{color: #0060ff; font-size: 32px;font-style: normal;font-weight: 400;
line-height: normal}
.vision2 p{color: #000; font-size: 20px;font-style: normal;font-weight: 400;
line-height: normal;}


.found{padding-top: 155px ; text-align: center;margin-bottom: 0;margin-top: 80px}
.found h3{color: #000;text-align: center; font-size: 32px;font-style: normal;
font-weight: 400;line-height: normal;padding-bottom: 80px}

.ceo{ margin:auto; }
.chair{height:470px;}
.chair1{background-color: #003a6b;height:75px;border-radius:20px 20px 0 0 }
.chair1 img{position: relative;top:-210px;z-index: -1}
.chair1 h5{color: #FFF; font-size: 22px;font-style: normal;font-weight: 400;
line-height: normal;position: relative;top: -210px;}
.chair2 {background-color: #EFEFEF;height: 225px;border-radius:0 0 20px 20px}
.chair2 p{padding: 18px 30px;color: #000; font-size: 20px;font-style: normal;
	font-weight: 300;line-height: normal; margin: 0}
.chair2 a img{margin: 0 3px}







/*about page media*/

@media only screen and (max-width: 480px)
{
	.abouthelp{text-align: center;}
.foot1 a img{width: 100px}
.footerbar p{font-size: 13px}
.ser h3{font-size:32px}
.toplink1{}
.mai h1{font-size: 32px;margin-top: 35px}
.Company h2{width: 100%; font-size: 32px}
.toplink1 a h5{font-size: 13px}
.toplink1 a p{font-size: 12px;margin: 0 -11px;}

.navtop{width: 100%;margin-top: 10px}

.naviga{margin: 5px 20px!important}
.naviga a:hover{color: #000!important;background-color: #4aec00;transition: .6s}
.navi ul li a{padding: 6px 5px;font-size: 14px;}


.abouthelp{top: -18px!important}
.logo{width:40%!important}
.up{display: none; width:100%}	
.top{width: 29%!important}
.social{padding-right: 40px}
.social a img{width:10%;margin: 12px 2px;}
.help h1{padding-top: 35px}
.batan{padding: 8px 20px;}
.chair {height: 535px;}
.found {padding-top: 180px;}
.chair1 img {position: relative;top: -135px;}
.chair2 {height: 300px;}
.chair1 h5{top: -120px}
.chair11{height: 366px;}
.social{padding-right: 30px;height: 47px;}

.crso1{padding-top: 5rem;padding-bottom: 0;padding-left: 1.2rem;padding-right: 1.2rem}
.carousel-indicators .active{margin-bottom: 0!important}
.carousel-control-prev-icon{margin-top: 5rem}
.carousel-control-next-icon{margin-top: 5rem}





}







/*about page end here*/



/*contact page start here*/

.getin{padding: 30px 0;background-color: #E5F5FF;position: relative;top: -24px;z-index: -1;}
.get1{}
.get1 h1{color: #000;font-size: 40px;font-style: normal;
	font-weight: 400;line-height: normal;padding-top: 110px;margin: 0}
.get1 p{color: #000;font-size: 26px;font-style: normal;font-weight: 400;
line-height: normal;}
.get2{text-align: end}
.get2 img{padding-top: 35px;text-align: right;}

.get3{text-align: right;}

.find{padding: 30px 0;}
.reach1 img{margin-right: 15px; margin-top: 5px}
.reach1 a {text-decoration: none!important;}
.reach1 a h5{color: #e52d2b;font-size: 24px;font-style: normal;font-weight: 400;
line-height: normal; margin: 0;text-decoration: none;}
.reach1 a p{color: #000;font-size: 18px;font-style: normal;font-weight: 400;
line-height: normal;text-decoration: none;}






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

.getin{top: -18px;text-align: center;}
.get2{text-align: center;}
.find{padding: 30px 50px}
.get3{text-align: center;} 
.get3 img{width: 100%!important}
.get1 h1{padding-top: 40px}
.reach1{padding: 0 20px}
.wrapper{display: block!important;}
.media{margin: 35px auto;}

.manaoffer{height: 370px}

}












/*
/*------------------our clients-----------------*/
/*------------------our clients-----------------*/
.realestate{padding: 80px 0}
.realestate h3 {font-size: 32px;color: #333;text-align: center;margin-bottom: 1.4rem;}

.wrapper {display: flex;justify-content: center;align-items: center;width: 100%;flex-wrap:;gap: 10px;}

.media {max-width: 350px;max-height: 225px;overflow: hidden;position: relative;display: flex;justify-content: center;
	align-items: center;}

.media img {max-width: 100%; height: auto;}

.layer {opacity: 0;position: absolute; display: flex; justify-content: center; align-items: center; width: 10px;
  height: 90%; background: #fff; color: #151e3f; transition: all 0.9s ease;
  p {transition: all 0.9s ease; transform: scale(0.1); }}



.media:hover .layer { opacity: 0.8; width: 90%;transition: all 0.5s ease;
  p {    transform: scale(1);  transition: all 0.9s ease; }
}




.realestate1{padding-bottom: 80px}
.realestate1 h3 {font-size: 32px;color: #333;text-align: center;margin-bottom: 1.4rem;}

.wrapper1 {display: flex;justify-content: center;align-items: center;width: 100%;flex-wrap:wrap;gap: 10px;}

.media {max-width: 350px;max-height: 225px;overflow: hidden;position: relative;display: flex;justify-content: center;
	align-items: center;}

.media img {max-width: 100%; height: auto;}

.layer {opacity: 0;position: absolute; display: flex; top: 12px; justify-content: center; align-items: center; width: 10px;
  height: 90%; background: #fff; color: #151e3f; transition: all 0.9s ease;
  p {transition: all 0.9s ease; transform: scale(0.1);font-weight: 600; font-size: 24px; }}



.media:hover .layer { opacity: 0.8; width: 90%;transition: all 0.5s ease;
  p {    transform: scale(1);  transition: all 0.9s ease; }
}


.Otherclients{background-color: #e5f5ff;text-align: center; padding: 25px;margin-bottom: 80px}
.Otherclients h3{font-size: 32px;margin-bottom: 20px}
.othercl{background-color: #f9f9f9;margin: 10px auto;
  padding: 10px 5px;box-shadow: 1px 1px 8px #aaa;}

 .othercl:hover {transform: scale(1.1); transition: all 0.6s ease; }

.othercl h5{font-size: 20px;font-weight: 600;margin: 5px auto;}
.othercl p{margin: 5px auto;font-size: 16px}

.makeus{background-color: #f9f9f9;padding: 80px 0}
.makeus h3{text-align: center;font-size: 32px;font-weight: 400}

.reliable h5{color: #0060ff;font-weight: 600}
.relib-p{text-align: center;font-size: 20px }
/*------------------our clients-----------------*/
/*------------------our clients-----------------*/*/
   


/*----------------portfolio-----------------------*/


.monaport{padding: 30px 0;background-color: #e5f5ff;position: relative;top: -24px;z-index: -1;}
.folio h1{color: #000;font-size: 40px;font-style: normal;
	font-weight: 400;line-height: normal;padding-top: 110px;margin: 0}
.folio p{color: #000;font-size: 26px;font-style: normal;font-weight: 400;
line-height: normal;}
.folio1 img{text-align: end}

.forflat{padding-bottom: 30px;margin-bottom: 250px;padding-top: 80px}
.flat{border-radius: 20px; }
.flat h3{color: #FFF;font-size: 32px;font-style: normal;font-weight: 400;
line-height: normal;margin: 0; padding-top: 25px;padding-left: 25px}
.flat p{color: #FFF;font-size: 23px;font-style: normal;font-weight: 400;
line-height: normal;margin: 0; padding-left: 25px}
.Knowflat{padding-left: 25px}
.Knowflat ul li{color: #FFF;font-size: 18px;font-style: normal;font-weight: 400;
line-height: normal;}
.Knowflat1{position: absolute; right: 320px}
.Knowflat1 ul li{color: #FFF;font-size: 20px;font-style: normal;
	font-weight: 400;line-height: normal; }
.Knowflat2{text-align: center;}
.Knowflat2 img{margin: 50px 25px;border-radius: 20px}

.colo{background-image: linear-gradient(to right, #2a4fa0 , #ca373d); height:450px;border-radius: 20px}



.forschool{padding: 30px 0;margin-bottom: 250px}
.school{background-color: #003a6b; height:450px;border-radius: 20px}
.school h3{color: #FFF;font-size: 32px;font-style: normal;font-weight: 400;
line-height: normal;margin: 0; padding-top: 25px;padding-left: 25px}
.school p{color: #FFF;font-size: 20px;font-style: normal;font-weight: 400;
line-height: normal;margin: 0; padding-left: 25px}
.forcool{padding-left: 25px}
.forcool ul li{color: #FFF;font-size: 18px;font-style: normal;font-weight: 400;
line-height: normal;}
.forcool1{position: absolute; right: 320px}
.forcool1 ul li{color: #FFF;font-size: 20px;font-style: normal;
	font-weight: 400;line-height: normal; }

.give{text-align: center;}
.give img{margin: 50px 25px;border-radius: 20px}


/*----------------portfolio-----------------------*/

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

.folio{text-align: center;}

.folio h1{padding-top: 35px}
.Knowflat1{position: sticky;padding-left: 25px}
.forflat{margin-bottom: 90px}
.Knowflat2 img{margin: 0px 4px;width: 27%;padding: 20px 0;border-radius: 25px}

.forcool1{position: sticky;padding-left: 25px}
.give img{margin: 0px 6px;width: 29%;padding: 9px 0;}
.forschool{margin-bottom: 100px ; margin-top: 75px}
.colo{height: 485px}
.school{height: 515px}
.pointclients{text-align: center;}
.year{margin: 1rem auto;}
.pointclients img{float: none;}

}