@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');


body { font-family: "Quicksand", sans-serif; font-weight:400; color:#000; font-size: 18px; line-height: 30px; }
a { color: #082331; text-decoration:none; outline: none; transition:all 0.5s; }
p { font-size: 18px; line-height: 30px; font-family: "Quicksand", sans-serif; margin-bottom:30px; font-weight:500; color:#082331; }

a:hover {color: #aed674; text-decoration: none;}

h1, h2, h3, h4, h5, h6 { font-family: "Manrope", sans-serif; font-weight: 600; line-height: 1.2; margin-bottom: 20px; color: #082331;}
.main-section a.link { word-break: break-all;}
h1 {font-size: 40px; line-height: 45px; font-weight:700; letter-spacing:0px;}
h2 {font-size: 40px; line-height: 45px;}
h3 {font-size: 35px; line-height: 40px;}
h4 {font-size: 30px; line-height:35px;}
h5 {font-size: 25px; line-height: 30px;}
h6 {font-size: 25px; line-height: 30px;}.two-column .video_info


.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-60{font-size:60px;}
.fs-45 {font-size: 45px;}
.fs-35 {font-size: 35px;}
.fs-30 {font-size: 30px;}
.fs-25{font-size:25px;}


img{max-width: 100%;}
.btn, button, input[type="submit"], input[type="reset"] { background: linear-gradient(180deg, #082331, #113B51); border-radius: 10px !important; text-transform: uppercase; text-decoration: none; outline: none !important; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; border: none; font-size: 18px; font-weight: bold; letter-spacing: .32px; color: #ffffff; padding: 16px 38px; position: relative; }
.btn span,
button span { position: relative; z-index: 1;}
.btn:hover { background: linear-gradient(180deg, #113B51, #082331); }



 
 

/* header */
header.header { position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; } 
header.header .header-main .container { max-width: 1920px; }
header.header .header-main .row { display: flex; align-items: center; }
.header .header-main .nav { display: flex; justify-content: flex-end;}
.header .header-main .nav .main-list { list-style: none; margin: 0; padding: 0; } 
.header .header-main .nav .main-list li { display: inline-block; margin: 0 25px; position: relative; padding: 30px 0; } 
.header .header-main .nav .main-list li a { font-size: 18px; line-height: 26px; font-family: "Manrope", sans-serif; font-weight: 400; color:#fff; } 
.header .header-main .nav .main-list li a:hover { color:#aed674; }
.header .header-main .nav .main-list li ul { padding: 10px 0px; position: absolute; width: 250px; top: 80px; left: -25px; z-index: 9; background: linear-gradient(180deg, rgb(10 45 63 / 85%), rgb(17 59 81 / 85%)); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: none; }
.header .header-main .nav .main-list li ul li { margin: 0; display: block; padding:0; }
.header .header-main .nav .main-list li ul li a { display: block; padding: 5px 25px; color: #fff; }
.header .header-main .nav .main-list li:hover ul { display: block; }
.header .header-main .nav .main-list li a.btn { font-weight: bold; }


/*Home Page*/
 .header-area { overflow: hidden; height: 100vh; } 
 .header-area .homepagesvideo { position: relative; overflow: hidden; height: 100vh; } 
 .header-area .homepagesvideo:before {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, #082331, #12415A);opacity: 30%;} 
 .header-area .homepagesvideo video { width: 100%; height: 100%; object-fit: cover; object-position: bottom center; margin-bottom: 0; } 
 .header-area .homepagesvideo .content_area { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; } 
 .header-area .homepagesvideo .content_area h1 { font-size: 70px; line-height: 70px; margin: 0; font-weight: 500; color: #fff; display: inline-block; padding-right: 87px; position: relative; } 
 .header-area .homepagesvideo .content_area h1:before { content: ''; position: absolute; bottom: 5px; right: 0; width: 87px; height: 13px; background: url(../../images/small-heart.png) center center no-repeat; background-size: 100%; }

.header-area .homepagesvideo .scroll_down { position: absolute; bottom: 60px; left: 50%; transform: translate(-50%, 0); text-align: center; display:none; } 
.header-area .homepagesvideo .scroll_down p { font-size: 28px; line-height: 35px; color: #FFFFFF; font-family: "Work Sans", sans-serif; font-weight: 300; margin-bottom: 20px; } 
.header-area .homepagesvideo .scroll_down a { display: inline-block; }
.header-area .homepagesvideo .scroll_down a img { max-width: 40px; }

.two-column-video { overflow: hidden; background: url(../../images/Secon-sec-bg.jpg) center center no-repeat; background-size: cover; } 
.two-column-video .container { padding-top: 75px; padding-bottom: 75px; max-width:1920px; }

.two-column-video .container .left-side { height: 356px; display: flex; align-items: center; justify-content: center; background:url(../../images/for-nature.jpeg) center center no-repeat; background-size: cover; border-radius:20px; border: 10px solid #ceeba4; margin-right: 50px; box-shadow:10px 10px 40px rgb(0 0 0 / 16%); } 
.two-column-video .container .left-side .content { text-align: center; } 
.two-column-video .container .left-side .content a.popup-youtube { display: inline-block; width: 100px; height: 100px; background: #CEEBA4; border-radius: 100%; font-size: 0; position: relative; } 
.two-column-video .container .left-side .content a.popup-youtube:before { content: ''; width: 30px; height: 35px; position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); background: url(../../images/play-black-30.png) center center no-repeat; background-size: 100%; }
.two-column-video .container .left-side .content h2 { font-size: 30px; line-height: 35px; margin-bottom: 15px; color: #082331; display:none; }
.two-column-video .container .left-side .content p { font-size: 20px; line-height: 20px; color: #082331; font-weight: 600; font-family: 'Manrope'; display:none; }

.two-column-video .container .right-side p {color: #082331;font-weight: 500;margin-bottom: 32px;} 
.two-column-video .container .right-side .btns { overflow: hidden; padding-top: 30px; } 
.two-column-video .container .right-side .btns a {  width: 220px; display: inline-block; margin-right: 20px; height: 55px; background: linear-gradient(to right, #082331, #113B51); border-radius: 10px; text-align: center; line-height: 52px; font-size: 18px; font-weight: 600; color: #CEEBA4; text-transform: uppercase; letter-spacing: 0.20px; border: 2px solid transparent; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; background-size: 300% 100%; } 
.two-column-video .container .right-side .btns a:hover { background: linear-gradient(180deg, #ceeba4, #ceeba4); color: #082331; border: 2px solid #082331; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; }
.two-column-video .container .right-side .btns a:last-of-type { margin-right:0; }


.fullwidthwhite { background: #fff; overflow: hidden; } 
.fullwidthwhite .container { max-width: 1416px; padding: 70px 0; text-align: center; } 
.fullwidthwhite .container h2 { font-size: 40px; line-height: 40px; margin-bottom: 30px; } 
.fullwidthwhite .container p { margin-bottom: 20px; } 
.fullwidthwhite .container .btns { padding-top: 23px; text-align: center; } 
.fullwidthwhite .container .btns a { width: 220px; display: inline-block; margin-right: 20px; height: 55px; background: linear-gradient(to right, #082331, #113B51); border-radius: 10px; text-align: center; line-height: 52px; font-size: 18px; font-weight: 600; color: #CEEBA4; text-transform: uppercase; letter-spacing: 0.20px; border: 2px solid transparent; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; background-size: 300% 100%; }
.fullwidthwhite .container .btns a:hover { background: linear-gradient(180deg, #ceeba4, #ceeba4); color: #082331; border: 2px solid #082331; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; }


.fullwidthbg { overflow: hidden; position: relative; background: #fff; } 
.fullwidthbg:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/nature-bio-bg.jpg) center center no-repeat; background-size: cover; background-color: #fff; background-blend-mode: luminosity; }
.fullwidthbg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #092838, rgb(9 40 56 / 41%)); } 
.fullwidthbg .container { padding-top: 120px; padding-bottom: 180px; position: relative; z-index: 2; max-width:1920px; } 
.fullwidthbg .container h2 { font-size: 40px; line-height: 40px; color: #CEEBA4; margin-bottom: 35px; } 
.fullwidthbg .container .content { max-width: 906px; } 
.fullwidthbg .container .content p { color: #fff; } 
.fullwidthbg .container .btns { overflow: hidden; padding-top: 30px; } 
.fullwidthbg .container .btns a { font-size: 18px; line-height: 20px; font-weight: 600; text-transform: uppercase; color: #CEEBA4; letter-spacing: 0.5px; display: inline-block; padding: 17px 48px; border: 3px solid #CEEBA4; border-radius: 10px; margin-right: 80px; transition: all 0.5s; } 
.fullwidthbg .container .btns a:last-of-type { margin-right: 0; } 
.fullwidthbg .container .btns a:hover { background: #CEEBA4; color: #092838; }

.fullwidthbg_center { overflow: hidden; background: url(../../images/hope-bg.jpg) center center no-repeat; background-size: cover; } 
.fullwidthbg_center .container { max-width: 1180px; text-align: center; padding: 70px 0; overflow: hidden; } 
.fullwidthbg_center .container h2 { font-size: 40px; line-height: 45px; margin-bottom: 30px; } 
.fullwidthbg_center .container .btns { text-align: center; padding-top: 10px; } 
.fullwidthbg_center .container .btns a { width: 190px; display: inline-block; margin: 0 14px; height: 55px; background: linear-gradient(to right, #082331, #113B51); border-radius: 10px; text-align: center; line-height: 52px; font-size: 18px; font-weight: 600; color: #CEEBA4; text-transform: uppercase; letter-spacing: 0.20px; border: 2px solid transparent; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; background-size: 300% 100%; } 
.fullwidthbg_center .container .btns a:first-child { margin-left: 0; } 
.fullwidthbg_center .container .btns a:last-of-type { margin-right: 0; }
.fullwidthbg_center .container .btns a:hover { background: linear-gradient(180deg, #ceeba4, #ceeba4); color: #082331; border: 2px solid #082331; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; }


.two-column { overflow: hidden; } 
.two-column .container-fluid { overflow: hidden; padding: 0; max-width: 1920px; } 
.two-column .container-fluid .col-md-6 { padding: 0; } 
.two-column .container-fluid .row { margin: 0; } 
.two-column .container-fluid .left-side { height: 700px; overflow: hidden; position: relative; transition:all 0.5s; } 
.two-column .container-fluid .left-side:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/smart-robotic.jpg) center center no-repeat; background-color: #fff; background-blend-mode: luminosity; opacity:28% } 
.two-column .container-fluid .left-side:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(237 247 252 / 86%); border: 20px solid #CEEBA4; transition:all 0.5s; } 
.two-column .container-fluid .left-side .content { position: inherit; top: inherit; left: inherit; transform: inherit; width: 100%; padding: 100px 30px 0 80px; z-index: 3; }
.two-column .container-fluid .left-side .content h2 { font-size: 40px; line-height: 45px; margin-bottom: 32px; } 
.two-column .container-fluid .left-side .content .btns { padding-top: 30px; } 
.two-column .container-fluid .left-side .content a { display: inline-block; background: linear-gradient(to right, #082331, #113B51); border-radius: 10px; text-align: center; line-height: 18px; font-size: 18px; font-weight: 600; color: #CEEBA4; text-transform: uppercase; letter-spacing: 0.20px; border: 2px solid transparent; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; background-size: 300% 100%; padding: 17px 33px; }
.two-column .container-fluid .left-side .content a:hover { background: linear-gradient(180deg, #ceeba4, #ceeba4); color: #082331; border: 2px solid #082331; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; }

.two-column .container-fluid .left-side:hover:after { background: rgb(9 40 56 / 80%); }
.two-column .container-fluid .left-side:hover:before { opacity:100%; }
.two-column .container-fluid .left-side:hover .content h2 { color:#fff; }
.two-column .container-fluid .left-side:hover .content p { color:#fff; }


.two-column .container-fluid .right-side { height: 700px; overflow: hidden; position: relative; transition:all 0.5s; } 
.two-column .container-fluid .right-side:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/male-female.jpg) center center no-repeat; background-color: #fff; background-blend-mode: luminosity; transition:all 0.5s; } 
.two-column .container-fluid .right-side:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(9 40 56 / 80%); border: 20px solid #EDF7FC; transition:all 0.5s; } 
.two-column .container-fluid .right-side .content { position: inherit; top: inherit; left: inherit; transform: inherit; width: 100%; padding: 100px 30px 0 80px; z-index: 3; }
.two-column .container-fluid .right-side .content h2 { font-size: 40px; line-height: 45px; margin-bottom: 32px; color: #fff; max-width: 80%; transition:all 0.5s; }
.two-column .container-fluid .right-side .content p { color:#fff; max-width:697px; transition:all 0.5s; }
.two-column .container-fluid .right-side .content .btns { padding-top: 30px; transition:all 0.5s; }
.two-column .container-fluid .right-side .content a { display: inline-block; background:transparent; border-radius: 10px; border: 3px solid #CEEBA4; text-align: center; line-height: 18px; font-size: 18px; font-weight: 600; color: #CEEBA4; text-transform: uppercase; letter-spacing: 0.20px; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; padding: 17px 33px; }
.two-column .container-fluid .right-side .content a:hover { background:#CEEBA4; color: #092838; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; }
.two-column .container-fluid .right-side:hover:after { background: rgb(237 247 252 / 95%); }
.two-column .container-fluid .right-side:hover .content h2 { color:#082331; }
.two-column .container-fluid .right-side:hover .content p { color:#082331; }
.two-column .container-fluid .right-side:hover .content a { background:#113B51; color:#CEEBA4; border-color:#113B51; }
.two-column .container-fluid .right-side:hover .content a:hover {  background:#CEEBA4; color: #092838; border-color:#CEEBA4; }


/*Team Listing Page*/ 
.team_listing .header-area { height: 700px; position: relative; background-size:cover !important; } 
.team_listing .header-area:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #12415A, #082331); opacity: 60%; } 
.team_listing .header-area .container { padding-top: 0; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); }
.team_listing .header-area .container h1 { font-size: 50px; line-height: 50px; color: #FFFFFF; font-weight: 500; margin-bottom: 15px; position: relative; }
/*.team_listing .header-area .container h1:before { content: ''; position: absolute; bottom: 0; left: 0; width: 25%; height: 2px; background: #CEEBA4; } */
.team_listing .header-area .container p { margin: 0; font-size: 24px; line-height: 32px; color: #FFFFFF; } 
.teams { padding: 90px 0; overflow: hidden; } 
.teams h2 { font-size: 40px; line-height: 40px; margin-bottom: 20px; }
.teams ul.team_list { list-style: none; padding: 60px 135px 0 0; margin: 0 -50px; } 
.teams ul.team_list li { width: 33.33%; float: left; padding: 0 30px; } 
.teams ul.team_list li .team_box { border-radius: 5px; overflow: hidden; position: relative; }
.teams ul.team_list li .team_box > a { border: 1px solid #082331; display: block; overflow: hidden; border-radius: 5px; }
.teams ul.team_list li .team_box .image { height: 530px; overflow: hidden; } 
.teams ul.team_list li .team_box .image img { width: 100%; height: 100%; object-fit: cover; } 
.teams ul.team_list li .team_box .content { width: 100%; }
.teams ul.team_list li .team_box .content .inner { background: #0E3347; border-radius: 0px; text-align: center; padding: 15px 20px; transition: all 0.5s; }
.teams ul.team_list li .team_box .content .inner h3 { font-size: 20px; line-height: 22px; color: #FFFFFF; font-weight: 600; margin-bottom: 4px; }
.teams ul.team_list li .team_box .content .inner .desig { font-size: 15px; line-height: 25px; color: #FFFFFF; }
.teams ul.team_list li .team_box .summary { padding: 10px; font-size: 17px; line-height: 26px; }
.teams ul.team_list li .team_box:hover .content .inner { background: #ceeca2; }
.teams ul.team_list li .team_box:hover .content .inner h3 { color: #000; }
.teams ul.team_list li .team_box:hover .content .inner .desig { color: #000; }


/*Team Detail Page*/
.team_detail .header-area { height: 700px; position: relative; background:url(../../images/leadership.jpg) top center no-repeat !important; background-size: cover !important; }
.team_detail .header-area:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #12415A, #082331); opacity: 60%; } 
.team_detail .header-area .container { padding-top: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
.team_detail .header-area .container h1 { font-size: 50px; line-height: 50px; color: #FFFFFF; font-weight: 500; padding-bottom: 0px; position: relative; text-align: left; margin-bottom: 0; }
.team_detail .header-area .container h1:before { content: ''; position: absolute; bottom: 0; left: 50%; width: 100px; transform: translate(-50%, 0); height: 2px; background: #CEEBA4;  display: none;} 
.team_detail .header-area .container p { margin: 0; font-size: 20px; line-height: 28px; color: #FFFFFF; } 
 
.team_detail .team_box { border: 1px solid #082331; border-radius: 30px; overflow: hidden; box-shadow: 10px 20px 40px rgb(0 0 0 / 16%); position: relative; } 
.team_detail .team_box .image { height: 530px; overflow: hidden; } 
.team_detail .team_box .image img { width: 100%; height: 100%; object-fit: cover; } 
.team_detail .team_box .content { position: absolute; bottom: 20px; width: 100%; padding: 0 20px; }
.team_detail .team_box .content .inner { background: #0E3347; border: 2px solid #fff; border-radius: 30px; text-align: center; padding: 20px; transition: all 0.5s; }
.team_detail .team_box .content .inner h3 { font-size: 22px; line-height: 26px; color: #FFFFFF; font-weight: 600; margin-bottom: 4px; }
.team_detail .team_box .content .inner .desig { font-size: 18px; line-height: 26px; color: #FFFFFF; }

.team_member { padding: 90px 0; overflow: hidden; background: rgb(230 239 243 / 25%); } 
.team_member .col-md-4 { padding-right: 60px; } .team_member .team_box { border-radius: 10px; box-shadow: 5px 10px 10px rgb(0 0 0 / 16%); height: 630px; } 
.team_member .team_box .image { height: auto; } .team_member .team_box .content { padding: 0; bottom: 0; } 
.team_member .team_box .content .inner { border: none; border-radius: 0; } 
.team_member .addition_content { padding-top: 60px; font-size: 30px; line-height: 32px; font-family: 'Manrope'; text-align: center; color: #082331; font-weight: 500; }
 

/*Product Detail Page*/
.solution_detail .header-area { height: 700px; background-size: cover !important; position: relative; } 
.solution_detail .header-area:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0, #12415A, #082331); opacity: 40%; }
.solution_detail .header-area .container { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; } 
.solution_detail .header-area .container h1 { font-size: 50px; line-height: 50px; color: #FFFFFF; font-weight: 500; margin-bottom: 10px; }
.solution_detail .header-area .container p { font-size: 20px; line-height: 30px; color: #FFFFFF; margin: 0; }

.solution_detail .two-column { padding: 80px 0; } 
.solution_detail .two-column .img { margin-right: 60px; border-radius: 40px; overflow: hidden; box-shadow: 10px 20px 40px rgb(0 0 0 / 16%); text-align:center; } 
.solution_detail .two-column .img img { width: 400px; height: auto; padding: 30px 0 0 0; }
.solution_detail .two-column .col-md-6:nth-child(2) { padding-left: 60px; } 
.solution_detail .two-column h2 { font-size: 40px; line-height: 40px; margin-bottom: 30px; padding-bottom: 15px; position: relative; }
.solution_detail .two-column h2:before { content: ''; position: absolute; bottom: 0; left: 0; width: 210px; height: 5px; background: #CEEBA4; } 
.solution_detail .two-column p { line-height: 32px; max-width:80%; } 
.solution_detail .two-column .btn { margin-top: 50px; } 
.solution_detail .two-column .btn a { color: #CEEBA4; font-weight: 600; } 

.solution_detail .two-column-video { background: #F4F5F6; } 
.solution_detail .two-column-video .col-md-6 { padding-right: 60px; } 
.solution_detail .two-column-video .col-md-6:nth-child(2) { padding-right: 15px; padding-left: 60px; } 
.solution_detail .two-column-video .content-box { height: 650px; position: relative; }
.solution_detail .two-column-video .content-box .content-area { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; }
.solution_detail .two-column-video .content-box .content-area h3 { font-size: 30px; line-height: 40px; margin-bottom: 25px; max-width: 90%; }
.solution_detail .two-column-video .content-box .content-area p { line-height: 34px; } 
.solution_detail .two-column-video .content-box .content-area ol { padding-left: 26px; margin-bottom:25px; } 
.solution_detail .two-column-video .content-box .content-area ol li { font-size: 18px; line-height: 32px; font-weight: 500; color: #082331; } 
.solution_detail .two-column-video .content-box .content-area ul { padding-left: 26px; margin-bottom:25px; } 
.solution_detail .two-column-video .content-box .content-area ul li { font-size: 18px; line-height: 32px; font-weight: 500; color: #082331; } 

.solution_detail .two-column-video .content-box .content-area h4 { font-size: 22px; margin-bottom: 30px; position: relative; margin-top: -15px; }

.solution_detail .two-column-video .btn { margin-top: 30px; } 
.solution_detail .two-column-video .btn a { color: #CEEBA4; font-weight: 600; } 
.solution_detail .two-column-video .video { overflow: hidden; position: relative; height: auto; text-align: center; }
.solution_detail .two-column-video .video img { width:auto; height:auto; border-radius:30px; }
.solution_detail .two-column-video .video a {width: 100%;height: 100%;display: block; position: relative;}
.solution_detail .two-column-video .video a:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; background: url(../../images/play-green-45.png) center center no-repeat; border: 8px solid #CEEBA4; border-radius: 100%; transition: all 0.5s; background-size: 30px; }
.solution_detail .two-column-video .video a:hover:before { background: url(../../images/play-blue-45.png) center center no-repeat; background-color:#CEEBA4; background-size: 30px; }

.crop-sec { padding: 80px 0 110px 0; overflow:hidden; } 
.crop-sec .heading { text-align:center; font-size:40px; line-height:50px; margin-bottom:25px; }
.crop-sec .crops-slider { list-style: none; padding: 0; mrgin: 0;} 
.crop-sec .crops-slider li { display: flex; height: 155px; justify-content: center; align-items: center; } 
.crop-sec .crops-slider li a { display: block; } 
.crop-sec .crops-slider li a img { max-width: 150px; margin: auto; }

.fullwidth-banner { overflow: hidden; margin-bottom: 20px; } 
.fullwidth-banner .img { height: 600px; overflow: hidden; position: relative; } 
.fullwidth-banner .img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #092838; opacity: 20%; } 
.fullwidth-banner .img img { width: 100%; height: 100%; object-fit: cover; }


/*Solution Category Page*/
.solution_category .header-area { height: 700px; background-size: cover !important; position: relative; } 
.solution_category .header-area:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0, #12415A, #082331); opacity: 75%; } 
.solution_category .header-area .container { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; } 
.solution_category .header-area .container h1 { font-size: 50px; color: #FFFFFF; font-weight: 500; margin-bottom: 10px; line-height: 50px; }
.solution_category .header-area .container p { font-size: 20px; line-height: 30px; color: #FFFFFF; margin: 0; }

.solution_category .two-column { padding: 80px 0; } 
.solution_category .two-column .img { margin-right: 60px; border-radius: 40px; overflow: hidden; box-shadow: 10px 20px 40px rgb(0 0 0 / 16%); height:550px; } 
.solution_category .two-column .img img { width: 100%; height: 100%; object-fit: cover; } 
.solution_category .two-column .col-md-6:nth-child(2) { padding-left: 60px; } 
.solution_category .two-column h2 { font-size: 40px; line-height: 50px; margin-bottom: 40px; padding-bottom: 15px; position: relative; } 
.solution_category .two-column h2:before { content: ''; position: absolute; bottom: 0; left: 0; width: 210px; height: 5px; background: #CEEBA4; } 
.solution_category .two-column p { line-height: 30px; max-width:80%; } 
.solution_category .two-column .btn { margin-top: 50px; } 
.solution_category .two-column .btn a { color: #CEEBA4; font-weight: 600; } 
.owl-carousel { display:block !important; }

.related-product { background: rgb(46 68 79 / 5%); padding: 80px 0; }
.related-product h2 { font-size: 40px; line-height: 50px; text-align: center; margin-bottom: 20px; }
.product-slider { display: flex !important; flex-direction: row; justify-content: center; padding-bottom:60px; }
.product-slider .owl-stage-outer { padding:0 0px; }
.product-slider .owl-stage-outer .owl-item { padding:0 50px; }
.product-slider .item { background: #F5F5F5; border-radius: 20px; box-shadow: 10px 20px 40px rgb(0 0 0 / 16%); padding: 30px; transition:all 0.5s; margin-bottom:60px; min-height:640px; margin-top:30px; } 
.product-slider .item .img-box { text-align: center; background: #F2F2F2; border-radius: 20px; box-shadow: 0 10px 20px rgb(0 0 0 / 10%); transition:all 0.5s; }
.product-slider .item .img-box a { display: block; padding-top:20px; }
.product-slider .item .img-box a img { max-width: 300px; margin: auto; }
.product-slider .item .cotent { padding-top: 30px; padding-left: 20px; } 
.product-slider .item .cotent h3 { font-size: 25px; line-height: 30px; font-weight: 600; color: #082331; margin-bottom: 7px; } 
.product-slider .item .cotent p { font-size: 18px; line-height: 26px; color: #717171; margin-bottom: 20px; } 
a.arrow-btn { font-size: 18px; line-height: 26px; color: #082331; font-weight: 600; font-family: "Manrope", sans-serif; position: relative; display:inline-block; } 
a.arrow-btn:before { content: ''; position: absolute; top: 50%; left: 110px; width: 28px; height: 16px; background: url(../../images/arrow-right-green.png) center center no-repeat; background-size: 100%; transform: translate(0, -50%); transition:all 0.5s; }
.product-slider .item:hover a.arrow-btn:before { left:120px; }
.product-slider .item:hover { box-shadow: 10px 20px 40px rgb(0 0 0 / 20%); } 
.product-slider .item:hover .img-box { box-shadow: 0 10px 20px rgb(0 0 0 / 20%); }

.product-slider .owl-nav { text-align: center; clear: both; overflow: hidden; position: absolute; bottom: 0px; width:100%; }
.product-slider .owl-nav .owl-prev { display: inline-block; width: 60px; height: 60px; font-size: 0; background: url(../../images/product-nav-prev.svg) center center no-repeat; background-size: 100%; opacity: 50%; transition: all 0.5s; margin-right:12px; }
.product-slider .owl-nav .owl-prev:hover { opacity:100%; }
.product-slider .owl-nav .owl-next { display: inline-block; width: 60px; height: 60px; font-size: 0; background: url(../../images/product-nav-next.svg) center center no-repeat; background-size: 100%; opacity: 50%; transition: all 0.5s; margin-left:12px; }
.product-slider .owl-nav .owl-next:hover { opacity:100%; }




/*Video Popup CSS Start Here*/
.video_overlay{ width:100%; height:100%; position:fixed; left:0px; top:0px; right:0px; z-index:99999; background: rgba(0,0,0,0.6); display:none;}
.video_overlay .video_pop { background-color: #fff; padding:10px; width: 100%; max-width:1085px; margin:5% auto; text-align:center; position:relative; }
.video_overlay a.close-btn { float: right; color: #fff!important; cursor: pointer; border: 1px solid #000; text-decoration: none; font-size: 13px; display: inline-block; font-weight: 700; text-transform: uppercase; width: 30px; height: 30px; text-align: center; line-height: 27px; border-radius: 60px; position: absolute; right: -10px; top: -15px; background: #000; }
.video_overlay .vide { width:100%!important; height:650px; }
.video_overlay .video_pop p { margin:0px; }
.video_overlay .video_pop iframe { width: 100%; height: 600px; margin: 0; }
 



/* footer  */
 .page-footer { overflow: hidden; background: #092838; padding-top: 70px; padding-bottom: 40px; }
 .page-footer .widget img { max-width: 320px; }
 .page-footer .widget p { font-size: 16px; line-height: 30px; color: #fff; margin-top: 30px; }
 .page-footer .widget h3 { font-size: 22px; line-height: 26px; font-weight: 500; color: #CEEBA4; text-transform: uppercase; margin-top: 20px; margin-bottom: 55px; }
 .page-footer .widget ul.nav-list { list-style: none; padding: 0; margin: 0; }
 .page-footer .widget ul.nav-list li { margin-bottom: 15px; line-height: 20px; }
 .page-footer .widget ul.nav-list li a { display: inline-block; font-size: 18px; line-height: 26px; color: #EDF7FC; font-family: 'Quicksand'; font-weight: 300; }
 .page-footer .widget ul.nav-list li a:hover { color: #fff; }
 .page-footer .widget ul.info-list { list-style: none; padding: 0; margin: 0; }
 .page-footer .widget ul.info-list li { margin-bottom: 15px; line-height: 30px; font-size: 18px; color: #EDF7FC; font-family: 'Manrope'; font-weight: 300; padding-left: 42px; position: relative; }
 .page-footer .widget ul.info-list li a { line-height: 30px; font-size: 22px; color: #EDF7FC; font-family: 'Manrope'; font-weight: 400; }
 .page-footer .copyright_rw.row { padding-top: 45px; text-align: center; }
 .page-footer .copyright_rw.row p { font-size: 16px; line-height: 26px; color: #EDF7FC; font-weight: 300; margin: 0; }
 .page-footer .col-md-2:nth-child(2) { padding-left: 60px; }

 .page-footer .widget ul.info-list li:before { content:''; position:absolute; top:5px; left:0; width:20px; height:20px; background:url(../../images/foot-call.png) center center no-repeat; background-size:100%; }
 .page-footer .widget ul.info-list li:nth-child(2):before { top:8px; left:0; width:20px; height:16px; background:url(../../images/foot-email.png) center center no-repeat; background-size:100%; }
 .page-footer .widget ul.info-list li:nth-child(3):before { top:7px; left:0; width:15px; height:20px; background:url(../../images/foot-location.png) center center no-repeat; background-size:100%; }



.back-to-top {position: absolute; bottom: 50px; right: 0px; text-align: center; font-size: 16px; color: #000000; letter-spacing: .308px; z-index: 1111;
    display: inline-block !important;}
.back-to-top span { border-radius: 50%; border: 1px solid #1566C0;width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:#1566C0; color:#fff;}
 



/* breadcrumb */

ol.breadcrumb {background: transparent;  padding: 15px 0px;}
li.breadcrumb-item a { color: #fff;}
li.breadcrumb-item a:hover{ color: #fff;}
.breadcrumb-item.active { color: #A1A1A1; font-weight: 400;}

  

/* conact form 7 style */
.wpcf7-not-valid {border-color: #dc3232 !important;}
.wpcf7-not-valid-tip {display:none;}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output {    border-color: #dc3232;
    background: #dc3232;color: #fff; margin: 0px;}
.wpcf7 form.sent .wpcf7-response-output { border-color: #46b450;  background: #46b450;color: #fff;margin: 0px;}    



@keyframes fadeInTop {
	from {
		opacity: 0;
		transform: translate3d(0, 20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}



/*News Listing Page Start Here*/
.news_listing_page .header-area { height: 700px; background-size: cover !important; position: relative; } 
.news_listing_page .header-area:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0, #12415A, #082331); opacity: 75%; } 
.news_listing_page .header-area .container { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; } 
.news_listing_page .header-area .container h1 { font-size: 50px; line-height: 50px; margin-bottom: 10px; color: #FFFFFF; font-weight: 500; }
.news_listing_page .header-area .container p { font-size: 20px; line-height: 30px; color: #FFFFFF; margin: 0; }
.news_listing_page { background: rgb(46 68 79 / 5%); }

.news_listing .row { margin-left: -25px; margin-right: -25px; } 
.news_listing ul.news_list { list-style: none; margin: 0; padding: 0; } 
.news_listing { padding: 80px 0 100px 0; overflow: hidden; } 
.news_listing ul.news_list li { width: 33.33%; float: left; margin-bottom: 60px; } 
.news_listing ul.news_list li .news_box { margin: 0 25px; padding: 26px; background: #fff; border-radius: 20px; box-shadow: 10px 20px 40px rgb(0 0 0 / 16%); transition:all 0.5s; } 
.news_listing ul.news_list li .news_box .news-img a { display: block; overflow: hidden; height: 275px; border-radius: 20px; box-shadow: 0 10px 20px rgb(0 0 0 / 10%); } 
.news_listing ul.news_list li .news_box .news-img a img { width: 100%; height: 100%; object-fit: cover; } 
.news_listing ul.news_list li .news_box h2 { font-size: 23px; line-height: 28px; color: #082331; font-weight: 600; padding-top: 40px; margin-bottom: 9px; } 
.news_listing ul.news_list li .news_box p { font-size: 18px; line-height: 26px; color: #717171; margin-bottom: 30px; } 
.news_listing ul.news_list li .news_box a:hover:before { left: 115px; } 
.news_listing ul.news_list li .news_box a.arrow-btn { margin-bottom: 20px; } 
.news_listing ul.news_list li .news_box:hover {box-shadow: 10px 20px 40px rgb(0 0 0 / 20%);}

.list-navigation { clear: both; text-align: center; padding-top:50px; }
.list-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; }
.list-navigation ul li { margin: 0 15px; } 
.list-navigation ul li a { display: block; width: 80px; height: 80px; background: #F9F9F9; border-radius: 5px; line-height: 70px; text-align: center; font-size: 30px; font-weight: 600; color: #7D7D7D; font-family: 'Manrope'; transition: all 0.5s; box-shadow: 0 0 10px rgb(0 0 0 / 10%); }
.list-navigation ul li a img { width: 15px; opacity: 60%; transition: all 0.5s; }
.list-navigation ul li a:hover { background: #aed674; color: #082331 !important; }
.list-navigation ul li a:hover img { opacity: 100%; }
.list-navigation ul li.active a { background: #aed674 !important; border: none; color: #082331 !important; }


/*News Detail Page Start Here*/
.news_detail_page .header-area { height: 700px; position: relative; background:url(../../images/news-header.jpeg) center center no-repeat !important; background-size: cover !important; }
.news_detail_page .header-area:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0, #12415A, #082331); opacity: 75%; } 
.news_detail_page .header-area .container { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; } 
.news_detail_page .header-area .container h1 { font-size: 50px; line-height: 50px; color: #FFFFFF; font-weight: 500; margin-bottom: 0; }
.news_detail_page .header-area .container p { font-size: 24px; line-height: 32px; color: #FFFFFF; margin: 0; }
.news_detail_page .header-area .container .breadcum { overflow: hidden; padding-top: 25px; } 
.news_detail_page .header-area .container .breadcum ul { list-style: none; padding: 0; display: flex; align-items: center; margin: 0; } 
.news_detail_page .header-area .container .breadcum ul li { font-size: 18px; line-height: 26px; color: rgb(255 255 255 / 80%); font-family: 'Manrope'; font-weight: 500; padding-right: 20px; } 
.news_detail_page .header-area .container .breadcum ul li a { color: #fff; }

.news_detail_page { background: rgb(46 68 79 / 5%); }

.news-detail-content { padding: 70px 0; overflow: hidden; } 
.news-detail-content h2 { font-size: 40px; line-height: 45px; margin-bottom: 40px; }
.news-detail-content .news-img { height: 600px; overflow: hidden; border-radius: 20px; box-shadow: 10px 10px 40px rgb(0 0 0 / 6%); margin-bottom: 50px; } 
.news-detail-content .news-img img { width: 100%; height: 100%; object-fit: cover; } 
.news-detail-content p { font-size: 18px; line-height: 30px; color: #171717; margin-bottom: 30px; }
.news-detail-content p:last-of-type { margin: 0; } 
.news-detail-navigation { padding-bottom: 100px; overflow: hidden; } 
.news-detail-navigation ul { display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 0; margin: 0; } 
.news-detail-navigation ul li a { overflow: hidden; display: block; } 
.news-detail-navigation ul li a p { padding-left: 28px; margin-bottom: 15px; font-size: 18px; line-height: 34px; color: #676868; font-weight: 400; position: relative; transition:all 0.5s; } 
.news-detail-navigation ul li a:hover p { color:#000; }
.news-detail-navigation ul li a p:before { content:''; position:absolute; top:50%; left:0; transform:translate(0px, -50%); background:url(../../images/angle-left-blue-8.svg) center center no-repeat; width:8px; height:14px; background-size:100%; }
.news-detail-navigation ul li h3 { font-size: 20px; line-height: 30px; font-weight: 500; color: #082331; margin-bottom:0; }

.news-detail-navigation ul li .right-nav a p { padding-left: 0; text-align: right; padding-right: 28px; } 
.news-detail-navigation ul li .right-nav a p:before { left:inherit; right:0; background:url(../../images/angle-right-blue-8.svg) center center no-repeat; width:8px; height:14px; background-size:100%; }
.news-detail-navigation ul li .right-nav h3 { text-align: right; }


/*Career Listing Page*/
.careers_listing .teams { padding: 90px 0; overflow: hidden; background: hsl(0deg 0% 63% / 5%); }
.careers_listing .header-area { height: 700px; position: relative; background-size: cover !important; }
.careers_listing .header-area:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#082331; opacity:60%; }
.careers_listing .header-area .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: left; }
.careers_listing .header-area .container h1 { margin: 0; font-size: 50px; color: #FFFFFF; font-weight: 500; line-height: 50px; }

.careers_listing .teams h2:nth-child(1) { font-size: 25px; line-height: 34px; letter-spacing: 0.50px; color: #888888; font-weight: 500; text-transform: uppercase; margin-bottom: 5px; }
.careers_listing .teams p { max-width: 1138px; color: #171717; margin-bottom: 60px; }
.careers_listing .teams ul.careers_list { list-style: none; padding: 0; margin: 0 -30px; }
.careers_listing .teams ul.careers_list > li { width: 24%; padding: 0 20px; display: inline-block; vertical-align: text-top; margin-bottom: 30px; }
.careers_listing .teams ul.careers_list li .careers_box { overflow: hidden; position: relative; padding: 40px 35px; background: #fff; border-radius: 10px; border: 1px solid #AFAFAF; box-shadow: 10px 10px 40px hsl(0deg 0% 0% / 16%); min-height:410px; }
.careers_listing .teams ul.careers_list li .careers_box .left { overflow: hidden; }
.careers_listing .teams ul.careers_list li .careers_box .left h2 { font-size: 30px; line-height: 40px; font-weight: bold; letter-spacing: 0; text-transform: inherit; color: #373737; padding-bottom: 16px; text-align: center; border-bottom: 1px solid #707070; margin-bottom: 25px; }
.careers_listing .teams ul.careers_list li .careers_box .left h3 { font-size: 22px; line-height: 26px; text-align: center; color: #707070; display:none; }
.careers_listing .teams ul.careers_list li .careers_box .left .content { overflow: hidden; }
.careers_listing .teams ul.careers_list li .careers_box .left .content ul { padding-left: 20px; }
.careers_listing .teams ul.careers_list li .careers_box .left .content ul li { font-size: 18px; line-height: 23px; color: #171717; margin-bottom: 5px; font-family: 'Manrope'; }
.careers_listing .teams ul.careers_list li .careers_box .left .content p { font-size: 18px; line-height: 28px; color: #171717; font-weight: 500; font-family: 'Manrope'; text-align:center; margin-bottom:16px; }
.careers_listing .teams ul.careers_list li .careers_box .right { text-align: center; }
.careers_listing .teams ul.careers_list li .careers_box .right a { display: inline-block; width: auto; height: auto; font-size: 18px; line-height: 18px; background: url(../../images/arrow-right-green-29.png) center right 20px no-repeat; background-size: 20px; padding: 10px 50px 10px 30px; border: 2px solid #082331; border-radius: 5px; font-weight: 600; }
.careers_listing .teams ul.careers_list li .careers_box .right a:hover { background-color: #082331; }
.careers_listing .col-md-12 > h2 { text-align: center; padding-bottom: 50px; font-size: 40px !important; line-height: 50px !important; color: #222 !important; }


/*Technology Page*/
.technology_detail .header-area { height: 700px; position: relative; background-size: cover !important; }
.technology_detail .header-area:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#082331; opacity:60%; }
.technology_detail .header-area .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; display:none; }
.technology_detail .header-area .container h1 { margin: 0; font-size: 50px; color: #FFFFFF; font-weight: 500; line-height: 50px; }

.technology_detail .two-column { padding: 70px 0; }
.technology_detail .two-column .col-md-6 h2 { color: #0F364A; font-size: 35px; line-height: 45px; }
.technology_detail .two-column .col-md-6 .img { margin-left: 60px; border-radius: 40px; overflow: hidden; box-shadow: 10px 20px 40px rgb(0 0 0 / 16%); height: auto; }
.technology_detail .two-column .col-md-6 .img img { width: 100%; }
.technology_detail .two-column-layout1 { overflow: hidden; padding-bottom: 70px; }
.technology_detail .two-column-layout1 h3 { font-size: 30px; line-height: 40px; text-align: center; font-weight: 500; margin-bottom: 30px; }
.technology_detail .delivery-link { text-align: center; padding-bottom: 80px; }
.technology_detail .delivery-link a { display: inline-block; border: 3px solid #092838; border-radius: 10px; font-size: 20px; line-height: 20px; font-family: 'Manrope'; font-weight: 500; padding: 14px 40px; color: #092838; }
.technology_detail .delivery-link a:hover { color: #fff; background: #092838; }


/*Strategy Listing Page*/
.strategy_listing .header-area { height: 700px; position: relative; background-size: cover !important; }
.strategy_listing .header-area:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#082331; opacity:60%; }
.strategy_listing .header-area .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: left; }
.strategy_listing .header-area .container h1 { margin: 0; font-size: 50px; color: #FFFFFF; font-weight: 500; line-height: 50px; }

.strategy_listing .two-column { padding: 70px 0; }
.strategy_listing .two-column .col-md-6:nth-child(1) { padding-right: 100px; }
.strategy_listing .two-column .col-md-6 img { width: 100%; }
.strategy_listing .two-column h3 { padding-top: 30px; }
.strategy_listing .two-column .col-md-6 a { width: 220px; display: inline-block; margin-right: 20px; height: 55px; background: linear-gradient(to right, #082331, #113B51); border-radius: 10px; text-align: center; line-height: 52px; font-size: 18px; font-weight: 600; color: #CEEBA4; text-transform: uppercase; letter-spacing: 0.20px; border: 2px solid transparent; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; background-size: 300% 100%; }
.strategy_listing .two-column .col-md-6 a:hover { background: linear-gradient(180deg, #ceeba4, #ceeba4); color: #082331; border: 2px solid #082331; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; }


/*Strategy Detail Page*/
.strategy_detail .header-area { height: 700px; position: relative; background-size: cover !important; }
.strategy_detail .header-area:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#082331; opacity:60%; }
.strategy_detail .header-area .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: left; }
.strategy_detail .header-area .container h1 { margin: 0; font-size: 50px; color: #FFFFFF; font-weight: 500; line-height: 50px; }

.strategy_detail .description { padding: 70px 0 0px 0; overflow: hidden; }
.strategy_detail .description h2 { font-size: 30px; line-height: 40px; }
.strategy_detail .description p { max-width: 86%; }
.strategy_detail .description h5 a { width: 220px; display: inline-block; margin-right: 20px; height: 55px; background: linear-gradient(to right, #082331, #113B51); border-radius: 10px; text-align: center; line-height: 52px; font-size: 18px; font-weight: 600; color: #CEEBA4; text-transform: uppercase; letter-spacing: 0.20px; border: 2px solid transparent; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; background-size: 300% 100%; margin-bottom: 20px; }
.strategy_detail .description h5 a:hover { background: linear-gradient(180deg, #ceeba4, #ceeba4); color: #082331; border: 2px solid #082331; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .6s ease-in-out; }
.strategy_detail .description h3 { font-size: 25px; line-height: 30px; }
.strategy_detail .description p strong { font-size: 20px; line-height: 40px; color: #000; }
.strategy_detail .description h4 { font-size: 25px; line-height: 30px; margin-bottom: 30px; }
.strategy_detail .inquiry_form { overflow: hidden; padding-bottom: 80px; }
.strategy_detail .inquiry_form .content { display: none; }
.strategy_detail .inquiry_form form { overflow: hidden; }
.strategy_detail .inquiry_form form .row { display: block; max-width: 620px; margin: 0; }
.strategy_detail .inquiry_form form .contact-form.well { background: transparent; border: none !important; padding: 0; box-shadow: none; }
.strategy_detail .inquiry_form form .contact-form.well ul { overflow: hidden; }
.strategy_detail .inquiry_form form .contact-form.well ul li { overflow: hidden; margin-bottom: 15px; width: 50%; float: left; }
.strategy_detail .inquiry_form form .contact-form.well ul li label { display: none; }
.strategy_detail .inquiry_form form .contact-form.well ul li .form-control { border: 1px solid #707070; height: 45px; border-radius: 5px; font-size: 15px; font-family: 'Quicksand'; font-weight: 500; padding-left: 20px; }
.strategy_detail .inquiry_form form .contact-form.well ul li textarea.form-control { height: 100px; }
.strategy_detail .inquiry_form form .contact-form.well ul li:nth-child(1) { width: 50%; float: left; padding-right: 7px; }
.strategy_detail .inquiry_form form .contact-form.well ul li:nth-child(2) { padding-left: 10px; width: 50%; float: left; }
.strategy_detail .inquiry_form form .contact-form.well ul li:nth-child(3) { padding-right: 7px; }
.strategy_detail .inquiry_form form .contact-form.well ul li:nth-child(4) { padding-left: 7px; }
.strategy_detail .inquiry_form form .contact-form.well ul li:nth-child(5) { width:100%; }
.strategy_detail .inquiry_form form .contact-form.well ul li:nth-child(6) { width:100%; }
.strategy_detail .inquiry_form form .contact-form.well ul li.applyjob_btn input { background: transparent; border: 3px solid #0A2736; margin-top: 10px; width: 200px; height: 50px; color: #0A2736; font-size: 20px; font-family: 'Quicksand'; font-weight: 600; padding: 0; }
.strategy_detail .inquiry_form form .contact-form.well ul li.applyjob_btn input:hover { background: #0A2736; color: #fff; }


.solution_detail .fullwidth-banner .img { height: auto; text-align: center; }
.solution_detail .fullwidth-banner .img img { width: auto; height: auto; }
.solution_detail .fullwidth-banner .img:before { display: none; }


.page_detail .header-area { height: 400px; position: relative; background-size: cover !important; }
.page_detail .header-area:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#082331; opacity:60%; }
.page_detail .header-area .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: left; }
.page_detail .header-area .container h1 { margin: 0; font-size: 50px; color: #FFFFFF; font-weight: 500; line-height: 50px; }

.page_detail .content { padding: 70px 0; overflow: hidden; }
.page_detail .content h2 { font-size: 30px; line-height: 40px; margin-bottom: 15px; font-weight: 500; }
.page_detail .content h3 { font-size: 30px; line-height: 40px; margin-bottom: 15px; font-weight: 500; }
.page_detail .content h4 { font-size: 30px; line-height: 40px; margin-bottom: 15px; font-weight: 500; }
.page_detail .content h5 { font-size: 30px; line-height: 40px; margin-bottom: 15px; font-weight: 500; }
.page_detail .content h6 { font-size: 25px; line-height: 35px; margin-bottom: 15px; font-weight: 500; }

.site-logo { max-width: 320px; }

/*Advisors Listing Page*/
.advisors_listing .header-area { height: 700px; position: relative; background-size: cover !important; }
/*.advisors_listing .header-area:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#082331; opacity:60%; }*/
.advisors_listing .header-area .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; display:none; }
.advisors_listing .header-area .container h1 { margin: 0; font-size: 50px; color: #FFFFFF; font-weight: 500; line-height: 50px; }

.advisors ul.advisor_list { list-style: none; padding: 0; margin: 0; }
.advisors { padding: 70px 0; overflow: hidden; }
.advisors ul.advisor_list li { width: 100%; float: left; padding: 20px 30px; overflow: hidden; }
.advisors ul.advisor_list li .team_box { display: flex; align-items: center; border: 1px solid #ddd; padding: 20px; border-radius: 20px; }
.advisors ul.advisor_list li .team_box .image { height: 200px; overflow: hidden; border-radius: 5px; border: 1px solid #CBCBCB; box-shadow: 10px 10px 30px rgb(0 0 0 / 8%); display:none; }
.advisors ul.advisor_list li .team_box .image img { width: 100%; height: 100%; object-fit: cover; }
.advisors ul.advisor_list li .team_box .content { padding-left: 20px; }
.advisors ul.advisor_list li .team_box .content h2 { font-size: 25px; line-height: 30px; color: #082331; margin-bottom: 0; font-weight: 500; }
.advisors ul.advisor_list li .team_box .content h3 { font-size: 20px; line-height: 30px; font-weight: 500; color: #575757; padding-top: 3px; margin-bottom: 15px; }
.advisors ul.advisor_list li .team_box .content p { color: #000; margin: 0; }
.advisors .container { max-width: 1700px; }


/*Contact Page*/
.contact_page .header-area { height: 700px; position: relative; background-size: cover !important; }
.contact_page .header-area:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#082331; opacity:60%; }
.contact_page .header-area .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: left; }
.contact_page .header-area .container h1 { margin: 0; font-size: 50px; color: #FFFFFF; font-weight: 500; line-height: 50px; }

.contact_page .content-area { overflow: hidden; padding: 70px 0; }
.contact_page .content-area h2 { margin-bottom: 10px; }
.contact_page .content-area p { font-size: 22px; }
.contact_page .content-area .left-bx { padding: 45px 50px; background: #F8F8F8; margin-right: 40px; min-height:800px; }
.contact_page .content-area .left-bx h3 { font-size: 28px; line-height: 40px; color: #0C2F45; margin-bottom: 30px; }
.contact_page .content-area .left-bx ul { list-style: none; padding: 0; }
.contact_page .content-area .left-bx ul li { font-size: 20px; line-height: 30px; color: #000000; font-family: 'Manrope'; font-weight: 500; margin-bottom: 25px; padding-left: 46px; position: relative; }
.contact_page .content-area .left-bx ul li a { font-size: 24px; color: #000000; font-weight: bold; display: inline-block; }
.contact_page .content-area .left-bx ul li:before { content:''; position:absolute; top:4px; left:0; width:25px; height:25px; background:url(../../images/contact-call.png) center center no-repeat; background-size:100%; }
.contact_page .content-area .left-bx ul li:nth-child(2):before { top:7px; left:0; width:25px; height:19px; background:url(../../images/contact-email.png) center center no-repeat; background-size:100%; }
.contact_page .content-area .left-bx ul li:nth-child(3):before { top:3px; left:0; width:25px; height:34px; background:url(../../images/contact-location.png) center center no-repeat; background-size:100%; }

.contact_page .content-area .left-bx .map-area iframe { height: 400px; border: 10px solid #fff !important; overflow: hidden; }

.contact_page .content-area .right-bx { padding: 45px 50px; background: #0C2F45; margin-left: 40px; min-height:800px; }
.contact_page .content-area .right-bx h3 { font-size: 28px; line-height: 40px; color: #fff; margin-bottom: 30px; }
.contact_page .content-area .right-bx form input { width: 100%; height: 50px; background: #FFFFFF; padding-left: 20px; color: #000; outline: none; margin-bottom: 20px; font-size:17px; }
.contact_page .content-area .right-bx form textarea { width: 100%; height: 250px; background: #FFFFFF; padding-left: 20px; color: #000; outline: none; margin-bottom: 35px; padding-top:20px; font-size:17px; }
.contact_page .content-area .right-bx form input[type="submit"] { width: 200px; margin: 0; height: 55px; background: transparent; border: 3px solid #CEEBA4; color: #CEEBA4; font-size: 20px; letter-spacing: 0.20px; line-height: 50px; text-align: center; padding: 0; transition: all 0.5s; position: relative; bottom: 30px; left: 10px; }
.contact_page .content-area .right-bx form .g-recaptcha { display: inline-block; }

.contact_page .content-area .right-bx form input[type="submit"]:hover { background: #CEEBA4; color: #0c2f45; }

.contact_page .content-area .right-bx form input::-ms-input-placeholder { font-size:15px; color:#AAAAAA; font-weight:400; font-family:'Manrope'; } 
.contact_page .content-area .right-bx form input::placeholder { font-size:15px; color:#AAAAAA; font-weight:400; font-family:'Manrope'; }

.contact_page .content-area .right-bx form textarea::-ms-input-placeholder { font-size:15px; color:#AAAAAA; font-weight:400; font-family:'Manrope'; } 
.contact_page .content-area .right-bx form textarea::placeholder { font-size:15px; color:#AAAAAA; font-weight:400; font-family:'Manrope'; }

.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; text-align: center; font-size: 18px; }



.two-column .video_info { overflow: hidden; background: #f5f5f7; border-radius: 20px; max-width: 80%; display:none;}
.two-column .video_info .left_info { width: 30%; float: left; }
.two-column .video_info .left_info a.display_popup { display: block; position: relative; height: 150px; }
.two-column .video_info .left_info a.display_popup:before { content: ''; position: absolute; width: 40px; height: 40px; background: url(../../images/play-button-white.png) center center no-repeat; transition:all 0.5s; background-size: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 80%; z-index:2; }
.two-column .video_info .left_info a.display_popup:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 30%; z-index: 0; }
.two-column .video_info .right_info { width: 70%; float: left; }
.two-column .video_info:hover .left_info a.display_popup:before { opacity:100%;}
.two-column .video_info .right_info a.display_popup { padding: 16px 30px 21px 30px; font-size: 16px; line-height: 22px; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.two-column .video_info .right_info h2 { margin: 0; padding: 0 0 5px 0; font-size: 20px; line-height: 25px; }
.two-column .video_info .right_info h2:before { display: none; }
.two-column .video_info .left_info a.display_popup img { width: 100%; height: 100%; object-fit: cover; }
.two-column .video_info .right_info a.display_popup:hover {color:#000;}


.popup_overlay { width:100%; height:100%; position:fixed; left:0px; top:0px; right:0px; z-index:99999; background: rgba(0,0,0,0.6); display:none;}
 .popup_overlay .custom_pop { background-color: #fff; padding: 50px; width: 100%; max-width: 80%; margin: 0 auto; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
 .popup_overlay a.close-btn { float: right; color: #000 !important; cursor: pointer; border: 1px solid #000; text-decoration: none; font-size: 20px; display: inline-block; font-weight: 800; text-transform: uppercase; width: 45px; height: 45px; text-align: center; line-height: 45px; position: absolute; right: -20px; top: -20px; background: #ceeba4; border-radius: 60px; z-index: 9; }
 .popup_overlay .custom_content { width:100% !important; height:auto !important; }
 .popup_overlay .custom_pop p { margin:0px!important; }
 .popup_overlay .custom_content iframe { width: 100%; height: auto; }   
 .popup_overlay .custom_pop #owl-sliders { height: auto; } 
 .popup_overlay .custom_pop #owl-sliders .item { height: auto; } 
 .popup_overlay .custom_pop #owl-sliders .item .cat_img1 img { width: 100%; }
 .popup_overlay .custom_pop #owl-sliders .owl-nav { position: absolute; top: 50%; width: 100%; transform: translate(0%, -50%); left: 0; }
 
 .two-column .video_info .right_info a.display_popup:hover { color: #000; }
 .popup_overlay .custom_pop h2 { font-size: 25px; line-height: 30px; text-align: center; padding: 0; }
 .popup_overlay .custom_pop h2:before { display: none; }
 .popup_overlay .custom_pop p { line-height: 28px; text-align: center; max-width:100%; }
 .popup_overlay .custom_pop .video { text-align: center; margin-top: 30px; }


.videos_listing .header-area { height: 700px; background-size: cover !important; position: relative; } 
.videos_listing .header-area:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0, #12415A, #082331); opacity: 75%; } 
.videos_listing .header-area .container { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; } 
.videos_listing .header-area .container h1 { font-size: 50px; color: #FFFFFF; font-weight: 500; margin-bottom: 10px; line-height: 50px; }
.videos_listing .header-area .container p { font-size: 20px; line-height: 30px; color: #FFFFFF; margin: 0; }

.video_list { margin: 0; padding: 0; list-style: none; }
.video_list li { width: 33.33%; float: left; padding: 0 20px 40px 20px; }
.video_list li .video_box { height: 300px; overflow: hidden; border: 4px solid #009846; position: relative; }
.video_list li .video_box:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #009846; opacity: 30%; transition: all 0.5s; }
.video_list li .video_box:hover:before { opacity: 50%; }
.video_list li .video_box img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.video_list li .video_box a.play-btn { position: absolute; top: 0; left: 0; font-size: 0; width: 100%; height: 100%; background: url(../../images/play-button-white.png) center center no-repeat; background-size:80px; }



#applynow_title { padding-top: 30px; }
#applynow_title h2 { font-size: 30px; line-height: 35px; padding-bottom: 30px; margin: 0; }
.video_pop .form-box { overflow: hidden; padding-bottom: 40px; }
.video_pop .form-box input { font-size: 18px; height: 60px; padding: 12px 20px; margin-bottom: 20px; border-radius: 5px; box-shadow: none !important; }
.video_pop .form-box #contact_btn { font-size: 17px; padding: 10px 30px; height: auto; transition: all 0.5s; margin-bottom:0 !important; }
.video_pop .form-box #contact_btn:hover { background: linear-gradient(180deg, #113B51, #082331); }


.wmpci-popup-wrp.splash
.wmpci-popup-wrp .wmpci-popup-body {background-color: transparent;border-width: 0px; border-style: solid;border-color: #ffffff;max-width: 60%;}
.design1 .wmpci-popup-body { border:0; }
.wpmci-popup-cnt-inr-wrp { padding:0; }
#wmpci-popup-wrp .wmpci-popup-close { right: -25px; top: -22px; background: url(../../images/close-circle-svgrepo-com.svg) center center no-repeat; background-size: 100%; height: 40px; width: 40px; background-color: #fff; border-radius: 100%; border: none; padding: 0; margin: 0; }

.wmpci-popup-open #wmpci-popup-wrp { display: block; height: 250px; bottom: 0; top: inherit; }
#wmpci-popup-wrp { background: transparent; z-index: 9999; overflow: hidden; position: fixed; bottom: 0; top: inherit; height: 100vh; } 
#wmpci-popup-wrp .wmpci-popup-body { top: inherit; bottom: 0px; transform: inherit; -webkit-transform: inherit; height: 215px; background-color: #092838; border: 3px solid #0f3549; border-radius: 20px; margin-bottom:0; }
#wmpci-popup-wrp .wmpci-popup-body .wpmci-popup-cnt-wrp .form-box input { width: 32%; float: left; margin: 0 5px; height: 55px; border-radius: 7px; padding: 0 0 0 20px; font-size: 16px; color:#000; }
#wmpci-popup-wrp .wmpci-popup-body .wpmci-popup-cnt-wrp .form-box textarea {width: 98%;clear: both;float: left;margin: 10px 5px 0 5px;height: 55px;border-radius: 7px;font-size: 16px;padding: 15px 20px 0px 20px; color:#000;}
#wmpci-popup-wrp .wmpci-popup-body .wpmci-popup-cnt-wrp .form-box { position: relative; overflow: hidden; }
#wmpci-popup-wrp .wmpci-popup-body .wpmci-popup-cnt-wrp .form-box #contact_btn_ajax { position: absolute; bottom: 0; right: 18px; font-size: 0; width: 60px; padding: 0; margin: 0; background:url(../../images/message-svgrepo-com.svg) center center no-repeat; background-size:55%; background-color:transparent; }
#wmpci-popup-wrp .wpmci-popup-cnt-inr-wrp h2 { margin: 0 0 15px 0 !important; font-size: 25px; line-height: 30px;}

#wmpci-popup-wrp .wpmci-popup-cnt-inr-wrp h2 { color: #fff;}




/* container */


 
@media (min-width: 767px){
.container { max-width: 100%;}
}


@media (min-width: 768px){
.container {max-width: 720px;}
}

@media (min-width: 992px){
.container {max-width: 960px;}
.inquiry-info {max-width: 90%;}
}


 
@media (min-width:1680px){
 .container {max-width: 100%; padding-left:100px; padding-right:100px;}
 
}


 @media (max-width:1600px){
 	#wmpci-popup-wrp .wmpci-popup-body .wpmci-popup-cnt-wrp .form-box input { width: 31.9%; }
 }

 @media (max-width:1500px){
 .wmpci-popup-body { max-width:65% !important; } 
}

@media (max-width: 1300px) {
    .wmpci-popup-body { max-width: 75% !important; }
}

@media (max-width: 1024px) {
#wmpci-popup-wrp .wmpci-popup-body .wpmci-popup-cnt-wrp .form-box input { width: 31.8%; }
.wmpci-popup-body { max-width: 90% !important; }
}

@media (max-width: 990px) {
#wmpci-popup-wrp .wmpci-popup-body .wpmci-popup-cnt-wrp .form-box input { width: 31.7%; }
}

@media (max-width:768px){
	#wmpci-popup-wrp .wmpci-popup-body .wpmci-popup-cnt-wrp .form-box input { width: 100%; margin:0 0px 10px 0px; }
	#wmpci-popup-wrp .wmpci-popup-body { height:auto; }
	.wmpci-popup-open #wmpci-popup-wrp { height:380px; }
	#wmpci-popup-wrp .wmpci-popup-body .wpmci-popup-cnt-wrp .form-box textarea { margin:0px 0px 0 0px; width:100%; }
	#wmpci-popup-wrp .wmpci-popup-body .wpmci-popup-cnt-wrp .form-box #contact_btn_ajax { right: 5px; font-size: 0; width: 50px; }
}

@media (max-width:479px){
#wmpci-popup-wrp .wpmci-popup-cnt-inr-wrp h2 { margin: 0 0 15px 0 !important; font-size: 19px; line-height: 25px; }
#wmpci-popup-wrp .wmpci-popup-close { right: -15px; top: -15px; height: 35px; width: 35px; }
}