section.about-sec-hero {background: url("about-hero-bg.webp") no-repeat center top;background-attachment: fixed;background-size: cover;min-height:100vh;display: flex;align-items: center;position: relative;overflow: hidden;padding-top: 150px;padding-bottom: 150px} section.about-sec-hero:before {content: "";background: #020006;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .2;} section.about-sec-hero h2 {margin-bottom: 0px;} section.about-sec-hero .banner-txt{color: #ffff;padding-left: 60px;} section.about-sec-hero .banner-txt h1{position: relative;margin-left: -70px;} section.about-sec-hero .banner-txt h2{font-weight: 700;text-transform: uppercase;margin-bottom: 40px;line-height: 1.1;} section.about-sec-hero .banner-txt p{font-size: 21px;margin-bottom: 40px;} section.about-sec-hero .banner-txt a{} section.about-sec-01 {padding: 100px 0px;background: url("../templates/img/bg-gray-wave.webp") no-repeat center center;background-size: cover;background-attachment: fixed;} section.about-sec-01 .col-md-6{padding:0px;} section.about-sec-01 .secret-thumb{overflow:hidden;} section.about-sec-01 .secret-thumb img{} section.about-sec-01 .secret-txt{padding:14%;display:flex;align-items:center;min-height: 350px;} section.about-sec-01 .secret-txt p{font-size:20px;margin-bottom:0px;} section.about-sec-01 .secret-thumb.s-01{border-radius:90px 0px 0px 0px;} section.about-sec-01 .secret-thumb.s-02{} section.about-sec-01 .secret-thumb.s-03{margin-top:-110px;border-radius:0px 0px 90px 0px;} section.about-sec-01 .secret-txt.c-01{color:#ffffff;background:#f38482;} section.about-sec-01 .secret-txt.c-02{background:#e6f9ff;margin-top:-50px;} section.about-sec-01 .secret-txt.c-03{background:transparent;min-height:100;padding-top:5% !important;} section.about-sec-02 {padding: 100px 0px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff1f2+0,ffffff+100 */ background: #fff1f2; /* Old browsers */ background: -moz-linear-gradient(top, #fff1f2 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fff1f2 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fff1f2 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } section.about-sec-02 p{font-size:18px;font-weight:500;} section.about-sec-02 .flow-chart{margin-top:50px} section.about-sec-03{color: #fff;padding-top: 200px;padding-bottom:150px;position: relative;} section.about-sec-03:before{content: "";position: absolute;top: 0;right: 0;width: calc(100% - 40px);height: 100%;border-radius: 100px 0px 0px 0px;background-image: -moz-linear-gradient( -30deg, rgb(3,8,62) 0%,rgb(11,19,90) 25%, rgb(3,8,62) 50%, rgb(21,29,94) 84%, rgb(3,8,62) 100%);background-image: -webkit-linear-gradient( -30deg, rgb(3,8,62) 0%, rgb(11,19,90) 25%, rgb(3,8,62) 50%, rgb(21,29,94) 84%, rgb(3,8,62) 100%);background-image: -ms-linear-gradient( -30deg, rgb(3,8,62) 0%, rgb(11,19,90) 25%, rgb(3,8,62) 50%, rgb(21,29,94) 84%, rgb(3,8,62) 100%);} /*section.home-sec-04:after{content: "";position: absolute;top: -100px;left:0;width: calc(100% - 100px);height: calc(100% + 200px);border: 1px solid #03083e;border-radius: 0px 100px 100px 0px;}*/ section.about-sec-03 .vmv-box{} section.about-sec-03 .vmv-box img{} section.about-sec-03 .vmv-box h2{margin-top:30px;} section.about-sec-03 .vmv-box p{padding:20px 30px 20px 30px;border-left:2px solid #ffffff;} section.about-sec-04{padding-top:100px;padding-bottom:100px;position: relative;} section.about-sec-04 ul.stats{display:flex;margin: 0px;padding:0px;list-style-type:none;} section.about-sec-04 ul.stats li{padding: 3% 5%;border-right: 1px solid #c6c6c6;} section.about-sec-04 ul.stats li h3{font-size:44px;} section.about-sec-04 ul.stats li p{font-size: 18px;text-transform: uppercase;margin-bottom:0px;} section.about-sec-04 ul.stats li:nth-child(1){} section.about-sec-04 ul.stats li:nth-last-child(1){border-right:none;} section.about-sec-05{padding-bottom: 70px;margin-bottom: 50px;} section.about-sec-05 .timeline-year{position:relative;padding-top: 90px;padding-bottom: 40px;} section.about-sec-05 .timeline-year:after{content:"";position:absolute;top: 0%;left: -50%;width:100%;height:100%;background:#f38482;border-radius: 0px 100px 0px 0px;z-index: -1;transition:all 500ms ease-in-out;} section.about-sec-05 .history-year{padding: 0px 0px;position: relative;transition:all 500ms ease-in-out;} section.about-sec-05 .history-year:after{content:"";position:absolute;top:50%;left:0;width:0;height:2px;background:#ffffff;transition:all 500ms ease-in-out;} section.about-sec-05 .history-year .year{display: inline-block;color: #fff;font-size:30px;background: #f38482;transform:scale(.6);transform-origin:left;position: relative;z-index: 9;} section.about-sec-05 .history-year.slick-current.slick-active{transition:all 500ms ease-in-out;} section.about-sec-05 .history-year.slick-current.slick-active:after{width:100%;transition:all 500ms ease-in-out;} section.about-sec-05 .history-year.slick-current.slick-active .year{transform:scale(1);transition:all 500ms ease-in-out;} section.about-sec-05 .timeline-year{} section.about-sec-05 .timeline-year .slick-arrow{cursor: pointer;font-size: 0px !important;width: 30px;height: 30px;border: none;outline: none;} section.about-sec-05 .timeline-year .slick-arrow.slick-prev{background: url("up-arrow.png") no-repeat center center;} section.about-sec-05 .timeline-year .slick-arrow.slick-next{background: url("down-arrow.png") no-repeat center center;} section.about-sec-05 .history-data{} section.about-sec-05 .history-data .row{align-items:center;} section.about-sec-05 .history-data .row .col-md-6:nth-child(2){padding-right: 6%;padding-left: 3%;} section.about-sec-05 .history-data .history-photo{border-radius:80px 0px 0px 0px;} section.about-sec-05 .history-data .history-logo{margin-bottom:30px;} section.about-sec-05 .history-data h3{font-size:24px;line-height:1.3;margin-bottom: 15px;} section.about-sec-05 .history-data p{font-size:15px;} section.about-sec-06{padding-top: 30px;padding-bottom:50px} section.about-sec-06{} section.about-sec-06 #accordionExample, section.about-sec-06 #accordionExample_01, section.about-sec-06 #accordionExample_011, section.about-sec-06 #accordionExample_012, section.about-sec-06 #accordionExample_013{border: none;} section.about-sec-06 #accordionExample .card, section.about-sec-06 #accordionExample_01 .card, section.about-sec-06 #accordionExample_011 .card, section.about-sec-06 #accordionExample_012 .card, section.about-sec-06 #accordionExample_013 .card{border: 1px solid #dedede;border-radius: 0px 30px 0px 0px;margin-bottom: 40px;} section.about-sec-06 #accordionExample .card-header, section.about-sec-06 #accordionExample_01 .card-header, section.about-sec-06 #accordionExample_011 .card-header, section.about-sec-06 #accordionExample_012 .card-header, section.about-sec-06 #accordionExample_013 .card-header{padding: 0px;background: none;border: none;} section.about-sec-06 #accordionExample .card-header .btn-link, section.about-sec-06 #accordionExample_01 .card-header .btn-link, section.about-sec-06 #accordionExample_011 .card-header .btn-link, section.about-sec-06 #accordionExample_012 .card-header .btn-link, section.about-sec-06 #accordionExample_013 .card-header .btn-link{color: #000;font-weight: 700;font-size: 36px;letter-spacing: -1px;padding: 10px 30px;width: 100%;text-align: left;text-decoration: none;border: none;border-radius: 0px;position: relative;} section.about-sec-06 button.btn.btn-link[aria-expanded="true"]{color: #ea3b42 !important;} section.about-sec-06 #accordionExample .card-header .btn-link small, section.about-sec-06 #accordionExample_01 .card-header .btn-link small, section.about-sec-06 #accordionExample_011 .card-header .btn-link small, section.about-sec-06 #accordionExample_012 .card-header .btn-link small, section.about-sec-06 #accordionExample_013 .card-header .btn-link small{color: #878787;font-size: 45%;font-weight: 500;letter-spacing: 0px;} section.about-sec-06 #accordionExample .card-header .btn-link:after, section.about-sec-06 #accordionExample_01 .card-header .btn-link:after, section.about-sec-06 #accordionExample_011 .card-header .btn-link:after, section.about-sec-06 #accordionExample_012 .card-header .btn-link:after, section.about-sec-06 #accordionExample_013 .card-header .btn-link:after{content:"";position: absolute;top: 20%;right: 26px;width: 44px;height: 44px;background:url("arrow-right.png") no-repeat center center;background-size:cover;border-radius: 100px;transform: rotate(0deg);filter: none;transition: all .5s;} section.about-sec-06 #accordionExample .card-header .btn-link.collapsed:after, section.about-sec-06 #accordionExample_01 .card-header .btn-link.collapsed:after, section.about-sec-06 #accordionExample_011 .card-header .btn-link.collapsed:after, section.about-sec-06 #accordionExample_012 .card-header .btn-link.collapsed:after, section.about-sec-06 #accordionExample_013 .card-header .btn-link.collapsed:after{/* top: 22%; *//* right: 26px; */transform: rotate(-90deg);filter: grayscale(1) brightness(0);transition: all .5s;} section.about-sec-06 #accordionExample .card-body, section.about-sec-06 #accordionExample_01 .card-body, section.about-sec-06 #accordionExample_011 .card-body, section.about-sec-06 #accordionExample_012 .card-body, section.about-sec-06 #accordionExample_013 .card-body{color: #000;padding: 40px 50px 40px 35px;border-top: 2px solid #f7f7f7;} section.about-sec-06 ul.bod-point{margin: 20px 0px 0px 0px;padding: 0px;list-style-type: none;} section.about-sec-06 ul.bod-point li{font-size: 18px;padding: 0px 30px 0px 40px;margin-bottom: 30px;position: relative;} section.about-sec-06 ul.bod-point li strong{/* color: #f78012; */font-size: 17px;font-weight: 900;display: block;padding-bottom: 5px;} section.about-sec-06 ul.bod-point li1:after{content:"";position:absolute;top: 0px;left: 7px;width: 8px;height: 19px;box-shadow: 2px 3px 0 #f78012;transform: rotate(45deg);} section.about-sec-06 ul.bod-point li:after{content:"";position:absolute;top: 4px;left: 0px;width: 20px;height: 20px;background: url("../img/shrem-bird.png") no-repeat center center;background-size: cover;} section.about-sec-06 .team-photo{display: inline-block;} section.about-sec-06 .team-photo .team-thumbs{filter: grayscale(1);box-shadow:0px 0px 20px rgba(0,0,0,.2)} section.about-sec-06 .team-photo .linkedin-profile{display: flex;color:#ffffff;font-size: 14px;background:#0077b5;padding: 15px;justify-content: center;} section.about-sec-06 .team-photo .linkedin-profile img{filter: invert(1);width: 22px;height: 22px;margin-right: 10px;} section.about-sec-06 .team-photo .linkedin-profile span{} /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 767px) { section.about-sec-hero {overflow: hidden;} section.about-sec-hero .banner-txt{padding:0px 30px;} section.about-sec-hero .banner-txt h1{font-size:36px;margin-left:-20px;} section.about-sec-hero .banner-txt h2{font-size:30px;letter-spacing:-1px;margin-bottom:20px;} section.about-sec-hero .banner-txt p{font-size:15px;margin-bottom:20px;} section.about-sec-01{padding: 50px 15px;} section.about-sec-01 .secret-txt{min-height:auto;padding:50px 30px!important;} section.about-sec-01 .secret-txt p{font-size:16px;} section.about-sec-01 .secret-thumb.s-01{margin:0px;} section.about-sec-01 .secret-thumb.s-02{} section.about-sec-01 .secret-thumb.s-03{margin:0px;} section.about-sec-01 .secret-txt.c-01{} section.about-sec-01 .secret-txt.c-02{margin:0px;} section.about-sec-01 .secret-txt.c-03{padding:50px 30px!important;} section.about-sec-02{padding:50px 15px;} section.about-sec-02 p{font-size:16px;} section.about-sec-03{padding:70px 15px 0px 15px;} section.about-sec-03:before{width:100%;border-radius:60px 0px 0px 0px;} section.about-sec-03 .vmv-box{margin-bottom:70px;} section.about-sec-03 .vmv-box p{font-size:16px;padding:10px 15px;} section.about-sec-04{padding:50px 10px;} section.about-sec-04 ul.stats{flex-direction: column;display: block; margin: 0px 0px 0px 0px;column-count: 2;} section.about-sec-04 ul.stats li{padding:15px 0px !important;border-right:none;border-bottom: 1px solid #ccc;;} section.about-sec-04 ul.stats li h3{font-size:30px;} section.about-sec-04 ul.stats li p{font-size: 15px;margin-bottom:0px;} section.about-sec-05{} section.about-sec-05 .timeline-year{padding-top: 50px;padding-bottom: 40px;} section.about-sec-05 .timeline-year::after {top: 0%;left:0%;width: 100%;height:300px;border-radius: 0px 0px 60px 60px;} section.about-sec-05 .history-data {padding: 0px 15px;} section.about-sec-06{padding: 0px;} section.about-sec-06 #accordionExample .card-header .btn-link, section.about-sec-06 #accordionExample_01 .card-header .btn-link, section.about-sec-06 #accordionExample_011 .card-header .btn-link, section.about-sec-06 #accordionExample_012 .card-header .btn-link, section.about-sec-06 #accordionExample_013 .card-header .btn-link{font-size: 24px;padding: 10px 40px 10px 15px;} section.about-sec-06 #accordionExample .card-header .btn-link small, section.about-sec-06 #accordionExample_01 .card-header .btn-link small, section.about-sec-06 #accordionExample_011 .card-header .btn-link small, section.about-sec-06 #accordionExample_012 .card-header .btn-link small, section.about-sec-06 #accordionExample_013 .card-header .btn-link small{display: block;} section.about-sec-06 #accordionExample .card-header .btn-link:after, section.about-sec-06 #accordionExample_01 .card-header .btn-link:after, section.about-sec-06 #accordionExample_011 .card-header .btn-link:after, section.about-sec-06 #accordionExample_012 .card-header .btn-link:after, section.about-sec-06 #accordionExample_013 .card-header .btn-link:after{top: 35%;right: 20px;width: 30px;height: 30px;} section.about-sec-06 #accordionExample .card-body, section.about-sec-06 #accordionExample_01 .card-body, section.about-sec-06 #accordionExample_011 .card-body, section.about-sec-06 #accordionExample_012 .card-body, section.about-sec-06 #accordionExample_013 .card-body{padding: 20px 25px 20px 25px;} section.about-sec-06 .team-photo{margin-bottom:30px;float: left;} } @media only screen and (min-width : 1660px) { section.about-sec-03:before{width: calc(100% - 100px);} section.about-sec-04 ul.stats li h3{font-size:64px;} section.about-sec-01 .secret-txt p{font-size:26px} section.about-sec-01 .secret-txt{min-height: 450px;} section.about-sec-02 p{font-size: 24px;} }