@charset "utf-8";
/* basic */
*{padding:0; margin:0;}
*{box-sizing: border-box}
img{border:none;}
ol, ul {list-style: none;}
html { font-size: 100%;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;}
header, nav, article, section, footer{display: block;}

a, .btn {transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s; -moz-transition: all 0.25s ease-in 0s; -o-transition: all 0.25s ease-in 0s; outline:none; text-decoration:none;}
select option{color: #000;}
select{-webkit-appearance:none; -moz-appearance:none; background:url(../images/down_arrow.png) 95% center no-repeat;text-overflow: "";}
select::-ms-expand {display: none;}
textarea {overflow: auto; vertical-align: top; resize: none;}
select:focus::-ms-value {color: #491bbd; background: #fff;}
select > option{background-color: #fff !important; color: #000;}
select:focus {outline:none; }
input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0px 9999px #79338b; color:#fff!important;}
:focus {outline: 0;}
body{ font-family: 'GILBI_0';}

.wrapper{width:1024px; margin: 0 auto;}

/* Header*/
.header{width:100%; float: left;  }
.header img{width:100%; display: block;}
img.mob{display: none!important;}
img.desk{display: inline-block!important;}

/*technology*/
.technology{width:94%; margin: 0 3%; float:left; background-color: #ffffff; border-radius: 10px; box-shadow: 0px 5px 8px 2px rgba(68,149,189,0.2); position: relative; top:-42px; padding: 20px 30px 0px 30px;  }
.technology h3{width:100%; float:left; font-size:44px; line-height: 1.2;   font-family: 'RobotoBold'; color:#282828; margin-top: 10px; }

.technology .neeraj-garg{width:100%; float:left;  margin-top: 0; padding-bottom: 40px;}
.technology .neeraj-garg .left-content{width: calc(100% - 190px); float:left; }
.technology .neeraj-garg .left-content p{font-family: 'robotoregular'; font-size:16px; line-height: 1.7; color:#282828; line-height: 1.7; margin-top: 15px; margin-bottom: 10px; padding-right: 30px;}
.technology .neeraj-garg .right-pic{width:190px; float:left; position: relative; margin-top:30px}
.technology .neeraj-garg .right-pic .imgg{width:100%; float:left; text-align: center;}
.technology .neeraj-garg .right-pic .dess{width:100%; float:left; text-align: center; margin-top: 10px;}
.technology .neeraj-garg .right-pic .dess strong{display:block; color:#f57a20; font-size: 24px;   font-family: 'RobotoMedium'; font-weight: normal;}
.technology .neeraj-garg .right-pic .dess span{display:block; color:#282828; font-size: 14px;   font-family: 'RobotoMedium'; font-weight: normal; margin-top: 2px;}





/* new in agl*/
.new-in-agl{width:100%; float:left; background:url(../images/new-in-agl.jpg) no-repeat center top; padding: 50px 0 0 0; margin-top: 30px; position: relative;}
.top-content{width:100%; float: left; text-align: center; margin-top: 70px;}
.top-content .logo2{width:100%; float: left; text-align: center;}
.top-content .logo2 img{display:inline-block}
.top-content h4{color: #272222; font-size:22px; font-family: 'RobotoMedium'; margin-bottom: 18px; font-weight: normal;}
.top-content p{color: #282828; font-size:16px; font-family: 'robotoregular'; line-height: 1.7;  padding:0 150px;}

.bottom-content{width:100%; height: 350px; padding: 0; float: left; text-align: center;}
.bottom-content .box{width:100%; height: 240px; padding-top: 0; float:left;  background:url(../images/new-joinee-bg.png) left 60px no-repeat; background-size: 100%;}
.bottom-content .box .icon-box2{width:100%; float:left; text-align: center; margin-top:-140px; position: relative; padding-top: 140px;}
.bottom-content .box .icon-box2 img{width:auto; display: inline-block;  position: relative; z-index: 55;}
.bottom-content .box .text-box2{width:100%; float:left; text-align: center; color: #f57a20; font-size:15px; font-family: 'RobotoMedium'; margin-top: 5px; }
.bottom-content .box .text-box2 span{font-size:13px; color:#000000; display: block; margin-top: 4px;}

.new-in-agl2{ padding:20px 3% 0 3%; position: relative; }

.new-in-agl2 .owl-nav{width:450px; height:60px; margin: 0 auto; position: absolute; left:0; right: 0;  bottom:-70px; padding: 0 4%; text-align: center; }
.new-in-agl2 .owl-nav button{width:60px; height: 60px;}
.new-in-agl2 .owl-nav span{ display: none;}
.new-in-agl2 .owl-nav button.owl-prev{float:left; background:#ffffff url('../images/prev2.png') no-repeat!important;  width:60px!important; margin-right:20px; background-position: center center!important; border:2px solid #f57a20!important; display: block; border-radius:50%;}
.new-in-agl2 .owl-nav button.owl-next{float:right; background:#ffffff url('../images/next2.png') no-repeat!important; width:60px!important; background-position: center center!important; border:2px solid #f57a20!important; display: block; border-radius:50%;}
.new-in-agl2 button.owl-prev.disabled{float:left; background: #ffffff url('../images/prev3.png') no-repeat!important; background-position: center center!important;pointer-events: none; border:2px solid #cecece!important; display: block;}
.new-in-agl2 button.owl-next.disabled{float:right; background: #ffffff url('../images/next3.png') no-repeat!important; background-position: center center!important; pointer-events: none; border:2px solid #cecece!important; display: block;}


.new-in-agl2 .owl-dots{width:200px; height:13px; bottom:-40px; left:0; right:0; position:absolute; margin:0 auto; text-align:center;}
.new-in-agl2 .owl-dots .owl-dot{width:12px; height:12px; background-color:#cecece; margin-right:10px;  border-radius:50%}
.new-in-agl2 .owl-dots .owl-dot.active{width:12px; height:12px; background-color:#ff7b00;}


/* accomplishments*/
.accomplishments{width:100%; float:left; margin-top: 35px; padding: 0 3%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fbfbfb+77,f2f1f2+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #fbfbfb 77%, #f2f1f2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#fbfbfb 77%,#f2f1f2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#fbfbfb 77%,#f2f1f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f1f2',GradientType=0 ); /* IE6-9 */}
.accomplishments .upper-section{width:100%; height: 145px; float:left; text-align: left; position: relative; background:#bae1ff; padding: 0 0  0 0; display: table;}
.graphic2{position: absolute; right:20px; top:-50px}

.accomplishments .upper-section h4{ margin-left: 10px; margin-top: 20px}
.accomplishments .upper-section h4 img{width:auto}
.accomplishments .upper-section p{color: #282828; font-size:21px; font-family: 'RobotoMedium';  line-height: 1.4; margin-left: 14px; margin-top: -25px ; }
.accomplishments .lower-section{width:100%; float:left; padding: 20px 0 0 0;}



.accomplish{ padding: 0; position: relative;}
.accomplishments .lower-section .box{width:100%; height: 300px; float:left;  background:url(../images/new-joinee-bg.png) left 70px no-repeat; background-size: 100%; }
.accomplishments .lower-section .box .icon-box2{width:100%; float:left; text-align: center; margin-top: -50px; position: relative; padding-top: 50px;}
.accomplishments .lower-section .box .icon-box2 img{width:auto; display: inline-block;}
.accomplishments .lower-section .box .text-box2{width:100%; float:left; text-align: center; color: #2593d1; font-size:16px; font-family: 'RobotoMedium'; margin-top: 10px; }
.accomplishments .lower-section .box .text-box2 span{font-size:12px; color:#000000; display: block; margin-top: 5px;}

.accomplish .owl-nav{width:320px; height:60px; margin: 0 auto; position: absolute; left:0; right: 0;  bottom:30px; padding: 0 4%; text-align: center; }
.accomplish .owl-nav button{width:60px; height: 60px;}
.accomplish .owl-nav span{ display: none;}
.accomplish .owl-nav button.owl-prev{float:left; background:#ffffff url('../images/prev4.png') no-repeat!important;  width:60px!important; margin-right:20px; background-position: center center!important; border:2px solid #2593d1!important; display: block; border-radius:50%;}
.accomplish .owl-nav button.owl-next{float:right; background:#ffffff url('../images/next4.png') no-repeat!important; width:60px!important; background-position: center center!important; border:2px solid #2593d1!important; display: block; border-radius:50%;}
.accomplish button.owl-prev.disabled{float:left; background: #ffffff url('../images/prev3.png') no-repeat!important; background-position: center center!important;pointer-events: none; border:2px solid #cecece!important; display: block;}
.accomplish button.owl-next.disabled{float:right; background: #ffffff url('../images/next3.png') no-repeat!important; background-position: center center!important; pointer-events: none; border:2px solid #cecece!important; display: block;}


.accomplish .owl-dots{width:70px; height:13px; bottom:60px; left:0; right:0; position:absolute; margin:0 auto; text-align:center;}
.accomplish .owl-dots .owl-dot{width:12px; height:12px; background-color:#cecece; margin-right:10px;  border-radius:50%}
.accomplish .owl-dots .owl-dot.active{width:12px; height:12px; background-color:#2593d1;}


/* industry-bytes*/
.industry-bytes{width:100%; float: left;  padding: 0 50px; position: relative; margin-top: 50px; }
.industry-bytes h2{font-size:44px; line-height: 1.2;   font-family: 'RobotoBold'; color:#282828; margin-bottom: 28px;}
.industry-bytes h2 span{font-size:16px; font-family: 'RobotoMedium';}
.industry-bytes .group{width:100%; float:left; margin-bottom: 30px;}
.industry-bytes .group .byte-img{width:48%; float:left}
.industry-bytes .group .byte-img img{display:block; width:100%}

.industry-bytes .group .byte-content{width:50%; float: right; padding-right: 0; padding-left: 10px; display: table;}
.industry-bytes .group .byte-content div{display: table-cell; vertical-align: middle; height: 295px;}
.industry-bytes .group .byte-content h4{color: #282828; font-size:21px;  font-family: 'RobotoBold'; margin-top:0; margin-bottom: 15px; font-weight: normal;}
.industry-bytes .group .byte-content p{color: #676767; font-size:16px; font-family: 'RobotoMedium'; line-height: 1.6; margin-top: 10px; }
.industry-bytes .group .byte-content p span{color: #0495df;  font-family: 'RobotoBold'; line-height: 1.4; margin-top: 15px; margin-bottom: 30px; display:block }

.industry-bytes .group .byte-img1{width:48%; float:right}
.industry-bytes .group .byte-img1 img{display:block; width:100%}

.industry-bytes .group .byte-content1{width:50%; float: left; padding-right: 0; display: table;}
.industry-bytes .group .byte-content1 div{display: table-cell; vertical-align: middle; height: 295px;}
.industry-bytes .group .byte-content1 h4{color: #282828; font-size:21px;  font-family: 'RobotoBold';  margin-bottom: 15px; font-weight: normal;}
.industry-bytes .group .byte-content1 p{color: #676767; font-size:16px; font-family: 'RobotoMedium'; line-height: 1.6; margin-top: 10px; }
.industry-bytes .group .byte-content1 p span{color: #0495df;  font-family: 'RobotoBold'; line-height: 1.4; margin-top: 15px; margin-bottom: 30px; display:block }


/* Why Sitecore*/
.why-sitecore{width:100%; float: left;  padding: 30px 30px 0 30px; position: relative; margin-bottom: 50px; background-color: #e2fff1; }
.why-sitecore h2{font-size:44px; line-height: 1.2;   font-family: 'RobotoBold'; color:#282828; margin-bottom: 28px;}
.why-sitecore p{color: #676767; font-size:16px; font-family: 'RobotoMedium'; line-height: 1.6; margin-top: 10px; }

.why-sitecore .nirbhay-kumar{width:100%; float:left;  margin-top: 0;}
.why-sitecore .nirbhay-kumar .left-content{width: calc(100% - 340px); float:left; }
.why-sitecore .nirbhay-kumar .left-content p{color: #676767; font-size:16px; font-family: 'RobotoMedium'; line-height: 1.6; margin-top: 10px; padding-right: 50px;}
.why-sitecore .nirbhay-kumar .right-pic{width:340px; float:left; position: relative; margin-top:0}
.why-sitecore .nirbhay-kumar .right-pic .imgg{width:100%; float:left; text-align: center;}
.why-sitecore .nirbhay-kumar .right-pic .dess{width:100%; float:left; text-align: center; background-color: #0fa375; border-radius: 10px; padding: 20px 0; position: relative; top: -90px; right: 10px;}
.why-sitecore .nirbhay-kumar .right-pic .dess strong{display:block; color:#000000; font-size: 24px;   font-family: 'RobotoMedium'; font-weight: normal;}
.why-sitecore .nirbhay-kumar .right-pic .dess span{display:block; color:#ffffff; font-size: 16px;   font-family: 'RobotoMedium'; font-weight: normal; margin-top: 2px;}

.why-sitecore .nirbhay-kumar .left-content p strong{font-family: 'RobotoMedium'; font-size: 20px; font-weight: normal; color:#282828}
.why-sitecore .nirbhay-kumar .left-content ul{width:48%; float: left; margin-top: 10px;}
.why-sitecore .nirbhay-kumar .left-content ul:last-child{width:35%; float: right;}
.why-sitecore .nirbhay-kumar .left-content li{ width:100%; float: left; background: url(../images/bullet.png) no-repeat left 7px; color: #282828; font-size:16px; font-family: 'RobotoMedium'; line-height: 1.6; margin-top: 10px; padding: 0 0 0 20px;}

.why-sitecore .nirbhay-kumar .left-content p.blue{color: #0495df; display: block; margin-top: 20px; width:100%; float: left;}


/* September Birthday*/
.april-birthday{width:94%; margin: 40px 3%; float:left; background: #ffdfba; padding: 50px; position: relative; margin-top: 0; overflow: hidden; border-radius: 30px;}
.april-birthday .heading{width:100%; float:left; text-align: center;}
.april-birthday .content{width:100%; float:left; text-align: center;}
.april-birthday .box-march{width:100%;  float:left; margin-top: 25px;}
.april-birthday .box-march .box-march-icon{width:100%; float: left; text-align: center;}
.april-birthday .box-march .box-march-icon img{display:inline-block; width: auto;}
.april-birthday .box-march .box-march-text{width:100%; float:left; text-align: center; color: #000000; font-size:14px; font-family: 'RobotoMedium'; }
.april-birthday .box-march .box-march-text span{font-size:12px; color:#6bc6a8; display: block; margin-top: 4px;}

.birth .owl-nav{width:100%; height:50px;  position: absolute;  top: 45%;}
.birth .owl-nav button{width:50px; height: 50px;}
.birth .owl-nav span{ display: none;}
.birth .owl-nav button.owl-prev{background:#ffdfba url('../images/prev2.png') no-repeat!important;  width:50px!important; background-position: center center!important; border:2px solid #f67f28!important; display: inline-block;position: absolute; left:-40px; border-radius:50%;}
.birth .owl-nav button.owl-next{background:#ffdfba url('../images/next2.png') no-repeat!important; width:50px!important; background-position: center center!important; border:2px solid #f67f28!important; display: inline-block; position: absolute; right:-40px; border-radius:50%;}
.birth button.owl-prev.disabled{background: #ffffff url('../images/prev2.png') no-repeat!important; background-position: center center!important;pointer-events: none; border:2px solid #ffffff!important;  position: absolute; position: absolute; left:-40px;}
.birth button.owl-next.disabled{background: #ffffff url('../images/next2.png') no-repeat!important; background-position: center center!important; pointer-events: none; border:2px solid #ffffff!important;  position: absolute; right:-40px}

.vector1{ position: absolute; top:-50px; left:-20px; }




/* agl cornerstone*/
.agl-cornerstone{width:94%; float:left;  padding: 0 0 30px 0; margin: 0 3%; position: relative; z-index: 2;}
.agl-cornerstone h2{color: #282828; font-size:44px;  font-family: 'RobotoBlack_0'; margin-bottom: 28px; margin-top:50px}

.description{width:100%; float: right; position: relative; padding-right: 155px; text-align: right; padding-top: 40px;}
.description h6{ color:#282828; font-size:21px; font-family: 'RobotoBold';}
.description h6 span{ color:#282828; font-size:14px; font-family: 'RobotoMedium'; display: block; font-weight: normal;}

.description:before{position:absolute; content: ''; left:40px; top:0;  background: url(../images/quote.png) no-repeat left top; width:116px; height: 103px;}

.varun-seth{ position: absolute; right:0; top:64px; width:270px}
.varun-seth .pic{ width:100%; float:left; text-align: right;}
.varun-seth .pic img{ display: block;}
.varun-seth .des{width:100%; float:left; text-align: center; padding-right: 60px;}
.varun-seth .des strong{display:block; color:#2593d1; font-size: 24px; font-family: 'RobotoBold'; margin-top: 0;}
.varun-seth .des span{display:block; color:#282828; font-size: 14px; font-family: 'RobotoMedium';margin-top: 5px; text-align: center;}


.content-part{width:100%; float:left; background-color:#bae1ff; border-radius: 20px; padding: 40px;}
.content-part h6{font-size:34px; color:#2593d1; font-family: 'RobotoBlack_0'; margin-top: 50px; margin-bottom: 5px; }
.content-part .two-section2{width: 100%;  float: left;}
.content-part .two-section2 p{font-size:16px; color:#282828; font-family: 'RobotoMedium'; padding: 8px 22px 8px 0; line-height: 1.6; }
.content-part .two-section2 p span{color:#2593d1;}




.bottom-bg{width:100%; float: left; margin-top: 10px;}
.bottom-bg img{width:100%; display: block;}


.issential-section{ width:100%; padding: 0 3%; float:left; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+81,f1f1f2+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 81%, #f1f1f2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 81%,#f1f1f2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 81%,#f1f1f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f2',GradientType=0 ); /* IE6-9 */
  
  
   }
.issential{width:100%; height: 421px; float:left; padding: 0 20px 0 20px; background: url(../images/issential-bg.jpg) no-repeat center top/cover; position: relative; margin-bottom: 150px;}
.issential h4{ font-size:54px; color:#ffffff;  font-family: 'RobotoBold'; line-height: 1; padding: 20px; text-shadow: 3px 3px 2px rgba(0,0,0,0.3);}
.issential h4 br{display:block}
.issential .slide-part{width:65%; float:left; padding: 0 20px;}

.issential .slide-part h6{ color:#282828; font-size:30px;   font-family: 'RobotoBlack_0'; position: relative; padding-top: 60px; }
.issential .slide-part h6::before{ position: absolute; content: ''; left: 0; top:0; width:40px; height: 38px; background: url(../images/quote2.png) no-repeat left top;}
.issential .slide-part p{color:#ffffff; font-size:30px;  font-family: 'RobotoBold'; text-shadow: 3px 3px 2px rgba(0,0,0,0.3);}
.issential .slide-part p.small{font-size:18px!important; margin-top: 10px!important; margin-bottom: 10px!important; display: block;}
.issential .slide-part p a{ color:#ffffff; font-size:20px; text-shadow: none;}

.issential .slide-part p img{width:auto;}

.sushant-pic{ position: absolute; right: 20px; top: 50px}


.issential .owl-nav{width:480px; height:60px; margin: 0 auto; position: absolute; left:40%; right: auto;  bottom:-140px; padding: 0 4%; text-align: center; }
.issential .owl-nav button{width:60px; height: 60px;}
.issential .owl-nav span{ display: none;}
.issential .owl-nav button.owl-prev{float:left; background:#ffffff url('../images/prev5.png') no-repeat!important;  width:60px!important; margin-right:20px; background-position: center center!important; border:2px solid #ed8891!important; display: block; border-radius:50%;}
.issential .owl-nav button.owl-next{float:right; background:#ffffff url('../images/next5.png') no-repeat!important; width:60px!important; background-position: center center!important; border:2px solid #ed8891!important; display: block; border-radius:50%;}
.issential button.owl-prev.disabled{float:left; background: #ffffff url('../images/prev3.png') no-repeat!important; background-position: center center!important;pointer-events: none; border:2px solid #cecece!important; display: block;}
.issential button.owl-next.disabled{float:right; background: #ffffff url('../images/next3.png') no-repeat!important; background-position: center center!important; pointer-events: none; border:2px solid #cecece!important; display: block;}


.issential .owl-dots{width:300px; height:13px; bottom:-115px; left:57%; right:auto; position:absolute; margin:0 auto; text-align:center;}
.issential .owl-dots .owl-dot{width:12px; height:12px; background-color:#cecece; margin-right:10px;  border-radius:50%}
.issential .owl-dots .owl-dot.active{width:12px; height:12px; background-color:#ed8891;}


/* back to office*/
.social-media{width:100%; float:left; margin-top: 40px;}
.social-media p{font-size:14px; font-family: 'RobotoMedium'; display: block; color:#282828; text-align: center; margin-top: 10px; margin-bottom: 10px; }
.social-media ul{ width:100%; float:left;text-align: center; margin-top: 10px; margin-bottom: 0;}
.social-media li{display:inline-block; margin: 0 7px;}
hr.new1 {
    border-top: 1px solid #d1d1d1;
  }

  .js .cSlider--single > div:nth-child(1n+2) {
    display: none;
  }
  .js .cSlider--single.slick-initialized > div:nth-child(1n+2) {
    display: block;
  }
	.cSlider__item{
		opacity:0.50;
	}

 
  .cSlider--single h2 {
    line-height: 10rem;
  }
  .cSlider--nav h2::before {
    content: "";
    display: block;
    padding-top: 75%;
  }
  .slick-slide.is-active h2 {color: #c00; background-color: #fff;}
  .cSlider--nav .slick-slide {cursor: pointer;}
  .cSlider--nav span {position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);}
  .slick-slide img{max-width:100%;}

  .cSlider__item{text-align:center;}
  .cSlider--single.slick-initialized .slick-slide img{height:430px;}
  .cSlider--single.slick-initialized .slick-slide{margin:35px 10px 0 10px;}
  .cSlider--single.slick-initialized .slick-slide.slick-current{opacity:1;	margin-top:0px;}
  .cSlider--single.slick-initialized .slick-slide.slick-current img{width:550px; height:550px; }
