View file File name : custom2.css Content :.section { position:relative; padding:60px 0; overflow:hidden; } .aboutwrap { padding: 80px 0 95px 0; } .aboutwrap .section-title { /* text-align: left;*/ margin-bottom:10px; padding-bottom:20px; } .aboutwrap .sitebtn { margin-top: 40px; } .aboutwrap .abimage { position: relative; display: inline-block } .aboutwrap .abimage:before { border: 10px solid #0f2d69; width: 100%; height: 100%; content: ''; top: 35px; right: -35px; position: absolute; } #about .about-desc { margin-bottom: 32px; } .section .container{z-index:1; position:relative} .section-title .subtitle { font-size: 24px; font-weight: 400; color: #0f2d69; font-family: 'Playfair Display', serif; } .section-title { margin: 0; padding-bottom: 50px; text-align: center; } .section-title h3 { position: relative; font-size: 48px; margin-bottom:20px; font-weight: 400; line-height: 42px; margin-top:0; } .section-title h3:after { content: ''; background: #0f2d69; height: 2px; width: 60px; position: absolute; bottom: -30px; left: 50%; margin-left: -30px; } .section-title h3:before { content: ''; background: #ffffff; height: 11px; width: 11px; position: absolute; bottom: -34px; left: 50%; margin-left: -5px; border: 2px solid #0f2d69; z-index: 1; } .section-title h3 span { color: #0f2d69; font-weight: 400; } .section-title p { max-width: 800px; margin: auto; padding-top:40px; } .aboutwrap { padding: 80px 0 95px 0; } .aboutwrap .section-title { /* text-align: left;*/ margin-bottom:10px; padding-bottom:20px; } .aboutwrap .sitebtn { margin-top: 40px; } .aboutwrap .abimage { position: relative; display: inline-block } .aboutwrap .abimage:before { border: 10px solid #0f2d69; width: 100%; height: 100%; content: ''; top: 35px; right: -35px; position: absolute; } .circleList{list-style:none; margin-top:20px;} .circleList li{text-align:center; margin-top:30px;} .circleList li .cricle{width:80px; height:80px;background-color: #0f2d69; border-radius:50%; color:#fff; font-size:32px; text-align:center; line-height:80px; margin:0 auto; margin-bottom:20px; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; -ms-transition: ease-in-out 0.3s;} .circleList li .title{font-size:14px; margin-top:5px; font-weight:600; margin-bottom:5px;} .circleList li:hover .cricle{-moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; background:#333} .circleList li p{color:#666;}