*, body, html{margin: 0; padding: 0; box-sizing: content-box;}
body{font-family:'Hind Siliguri', sans-serif !important;}
img{display: inline-block; vertical-align: bottom; width: 100%;}
.container-wrapper{max-width: 1315px; margin: auto; padding-left: 15px; padding-right: 15px;}

.text-white{color: #fff !important}

a{text-decoration: none;}

.text-center{text-align: center;}
.text-green{color: #dc1d24;}
.text-white{color: #111;}

.pd-top-40{padding-top: 50px;}
.pd-btm-40{padding-bottom: 50px;}

.display-flex{display: flex;}
.display-flex-center{display: flex; align-items: center;}

.shape-1{position: fixed; height: 400px; width: 400px; border-radius: 50%; background:#340d3f; filter: blur(50px); left: 0; bottom: 0;}

.main-head{font-size:43px; line-height: 53px; margin-bottom: 9px; font-weight:600;}
.main-head2{font-size:26px; line-height:37px; margin-bottom: 9px; font-weight:600;}
.main-txt-sm{font-size: 19px; line-height: 29px;}

.main-txt p{margin-bottom: 10px; font-size: 18px; line-height: 28px;}

/* Header Start */

header{padding: 0px 0; border-bottom: rgba(255, 255, 255, 0.2) solid 1px;  width: 100%; *background:#1a3b7b}
.header-box{max-width: 1315px; margin: auto; position: relative;}
.logo{width: 130px; font-size: 34px; color: #000; font-weight: 800;}
.logo span{color: #e41e25}
/*.menu-rt{display: flex; flex: 1; justify-content: flex-end}*/
.menu-rt{margin-left: 50px; display: flex; flex: 1; justify-content: flex-end;}
.menu-rt ul{margin: 0; padding: 0;}
.menu-rt ul li{display: inline-block; position: relative;}
.menu-rt ul li a{display: inline-block; padding: 25px 15px; font-size: 17px; color: #000; font-weight: 600; letter-spacing: 1px;}


.menu-rt ul li ul{width: 250px; position: absolute; left:0; top: 100%; background: #ef7d00; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: none; z-index: 9999}
.menu-rt ul li ul li{display: block;}
.menu-rt ul li ul li a{padding: 10px; color: #fff; font-weight: 400; font-size: 15px; display: block;} 
.menu-rt ul li ul li a:hover{background: #eee}

.menu-rt ul li:hover ul{display: block;}


.arrw-down{height: 8px; width: 8px; border: #000 solid 3px; border-top: 0; border-right: 0; transform: rotate(-45deg); display: inline-block; position: relative; top: -3px;}

/* Header Closed */

/* Middle Box Start */

.banner-box{overflow: hidden; position: relative; background: #eee}


.banner-box-caption h1{color: #000; font-size: 39px; line-height: 48px; font-weight: 500; margin-top: 0; margin-bottom: 0;}
.banner-box-caption h2{color: #000; font-size: 26px; line-height: 36px; font-weight: 500; margin-top: 0; margin-bottom: 10px;}
.desc{font-size: 19px; color: #777;}

.top-btm{padding: 40px 0; background: url('../images/top.svg') #585c8a;}
.unlock{font-size:34px; color: #fff; line-height: 44px;}

.intro ul{margin:0; padding: 0;}
.intro ul li{font-size: 18px; padding: 10px; background:#f0f2f6; display: block; margin-bottom: 15px;}

.certified-help ul{margin: 0 -25px; padding: 0; display: flex;}
.certified-help ul li{width: 20%; padding: 0 25px; display: block;}

.who-help ul{margin: 0 -15px; padding: 0; display: flex; flex-wrap: wrap;}
.who-help ul li{padding: 15px; width: 25%; margin: 15px 0; display:flex; position: relative;}
 .who-help-inner{width: 100%}
.who-help-hd{font-size: 16px; color: #000; margin-bottom: 15px;}
.who-help-txt{font-size: 19px; line-height: 26px; color: #000}

.who-help-box{background:#e4dff6;}
.who-help-inner{background:#dcd7ee}
.who-help-de{padding: 15px;}

.who-help2 ul{margin: 0; padding: 0; display: flex;}
.who-help2 ul li{padding: 15px; width: 33.33%; margin: 15px 0; display:flex; position: relative;}
.who-help2 ul li:nth-child(1) .who-help-inner{background: #367ec6}
.who-help2 ul li:nth-child(2) .who-help-inner{background: #3b58a8}
.who-help2 ul li:nth-child(3) .who-help-inner{background: #553b89}

.working-principle ul{margin:0; padding:0;}
.working-principle ul li{display: block; position: relative; padding: 10px; color: #000; font-size: 18px; padding-left: 30px;}
.working-principle ul li:before{content:''; position: absolute; left:3px; top: 17px; height: 10px; width: 10px; background:#cabfee; transform: rotate(45deg);}


.g-i-l{display: flex; background: #eee; margin-bottom: 20px;}
.g-i-l-img{width: 150px;}
.g-i-l-box{width: 85%; padding: 15px; position: relative;}
.g-i-l-box a{font-size: 16px; color: #000; margin:0; font-weight: 300; display: inline-block; position: absolute; bottom: 10px; left: 10px;}
.g-i-l-box h3{font-size: 21px; color: #000; margin: 0; font-weight:500;}



.how-help-2{padding: 40px 0; background: linear-gradient(270deg,#5236ab 0%,#e41937 100%)}

.how-help-2 a{border-radius:999px; background: #fff; font-size:17px; color: #000; display: inline-block; padding: 10px 30px; font-weight: 500; text-align: center;}
.how-help-2 a:hover{background: #b00e14; color: #fff; text-decoration: none}

.carousel--new h3{font-size: 54px; margin: 0; line-height: 64px; color: #fff; font-weight: 200; margin-bottom: 10px;}
.carousel-new-txt{font-size: 24px; line-height: 34px; color: #fff;}

.carousel-indicators{bottom: -60px !important}

.main-box-lf{width: 75%; padding-right: 30px;}
.main-box-rt{width: 25%;}

.btm-box-lf{width: 50%}
.btm-box-rt{width: 50%; padding-left: 30px;}

.inner-rt-img1{width: 66%; margin: auto; position: relative; z-index: 0}
.web-img{position: absolute; left: -100px; top: 0; z-index: -1}

.cover-box{background: rgba(52,59,137,0.72) !important; padding: 40px 0}

.cover-inner{width: 70%; margin: auto;}
.cover-inner ul{margin:0; padding:0}
.cover-inner ul li{display: block; position: relative; border-bottom: rgba(255, 255, 255, 0.3) solid 1px; padding-bottom: 30px; padding-top: 30px;}
.cover-inner ul li:last-child{border-bottom: 0;}
.cover-inner-content{padding-left: 50px; position: relative;}
.cover-inner-content h3{font-size: 31px; line-height: 41px; color: #fff; margin: 0; margin-bottom: 10px; font-weight: 200}
.cover-inner-content p{font-size: 18px; color: #fff; margin-bottom: 0; font-weight: 200}
.cover-inner-content span{color: #a3b8ff; font-size: 64px; position: absolute; left: 0px; top: -15px; font-weight: 200}

.simpli h3{font-size: 24px; line-height: 34px; color: #000;}
.simpli p{font-size: 18px; line-height: 28px; margin-bottom: 0;}
.simpli .how-help-2{padding: 20px; height: 290px;}

.how-help.simpli ul li:nth-child(1) .how-help-inner{background: url('../images/cyb-inner/s-assessment.jpg') no-repeat; background-size: cover; background-position: 50%; padding: 50px 20px;}
.how-help.simpli ul li:nth-child(2) .how-help-inner{background: url('../images/cyb-inner/b-assessment.jpg') no-repeat; background-size: cover; background-position: 50%; padding: 50px 20px;}
.how-help.simpli ul li:nth-child(3) .how-help-inner{background: url('../images/cyb-inner/e-assessment.jpg') no-repeat; background-size: cover; background-position: 50%; padding: 50px 20px;}
/* Middle Box Closed */


.footer{background: #f5f5f5}

.footer-box{display: flex; margin: 0 -15px;}
.footer-foo{width: 50%; padding: 0 15px;}
.foo-head{font-size: 17px; color: #000; font-weight: 500; margin-bottom: 15px;}
.bgw{background: #fff}
.bgg{background: #eee}
.footer-lf{width: 25%; padding: 40px 20px;}
.footer-foo-inner{width: 50%; padding: 40px 20px;}
.footer-lf .footer-foo{width: 100%}

.footer-foo p{color: #000; font-size: 16px; line-height: 26px; font-weight: 200;}
.footer-foo ul{margin:0; padding:0}
.footer-foo ul li{display: block; position: relative;}
.footer-foo ul li a{color: #000; display: block; padding: 6px 0; font-size: 16px; font-weight: 200}

.subscribe{border-radius: 999px; padding: 6px 15px; background:#fb7b58; color: #fff; display: inline-block; font-size: 13px; font-weight: 500;}

.footer-copy{background: #e00110; padding: 20px 0;}
.footer-copy-text{color: #000; font-size: 16px;}





.inner-banner{background: linear-gradient(to left, #ffd6c3, #c6dfff); padding: 60px 0;}
.inner-banner .banner-txt{width: 100%; height: auto; position: relative; left: 0;}
.inner-banner .banner-txt h1{font-size: 50px; font-weight: 800; color: #000; line-height: 60px; margin: 0; margin-bottom:15px; text-shadow: none;}
.inner-banner .banner-txt p{font-size: 19px; color: #000; line-height: 29px; text-shadow: none;}


.about-us-inner{background: #002f8b; padding: 50px 0;}

.about-us-inner-list ul{margin: 0; padding: 0; display: flex; flex-wrap: wrap}
.about-us-inner-list ul li{padding: 10px; width: 50%; position: relative; padding: 30px 15px; display: block;}
.about-us-inner-list-inner{display: flex; align-items: center;}
.about-us-inner-icons{height: 70px; width: 70px; border-radius: 50%; padding: 13px; background: #fff; margin-right: 10px;}
.about-us-inner-icons img{width: 100%}
.about-us-inner-hd{color: #fff; font-size: 38px; font-weight: 600; margin-bottom: 10px 0;}
.about-us-inner-text{font-size: 19px; color: #fff; font-weight: 600;}

.contact-us iframe{width: 100%;}
.contact-us-top{display: flex; flex-wrap: wrap;}
.contact-inputs{width: 50%; padding: 10px;}
.contact-inputs label, .contact-inputs2 label{font-size: 15px; font-weight: 600; margin-bottom: 2px; text-transform: uppercase; display: block;}
.contact-inputs input{padding: 10px; color: #000; font-size: 15px; width: 100%; background: #f7f7f7; border: 0;}
.contact-inputs2{width: 100%; margin: 10px;}
.contact-inputs2 textarea{padding: 10px; color: #000; font-size: 15px; width: 98%; background: #f7f7f7; border: 0; height: 75px;}
.contact-inputs2 .submit-btn{border: rgba(119, 74, 224) solid 2px; margin-top: 15px; display: inline-block; padding: 10px 30px; font-size:16px; font-weight: 600; color: rgba(119, 74, 224); background: none;}


.contact-info-hd{font-size: 25px; padding: 0; padding-bottom: 15px; line-height: 35px; font-weight: 600;}

.contact-info-inner{width: 100%; border: #ccc solid 1px; padding: 15px; border-radius: 10px; background: #fff;}
.contact-info-txt h3{font-size: 19px; color: #000; margin-bottom: 10px; padding-bottom: 10px; border-bottom: #ddd solid 1px; font-weight: 500}
.contact-info-txt h5{font-size: 14px; color: #000; line-height: 32px; font-weight: 400;}
.contact-info-txt h5 i{margin-right: 10px; transform: rotate(104deg);}

.contact-info-box-inputs{padding-top: 30px; padding-bottom: 60px;}

.contact-info-btn{margin: auto; width: 40%; margin-top: 15px;}

.mail-boxes{display: flex; align-items: center; margin-bottom: 30px;}
.mail-boxes-lf{width: 30%; padding: 15px;}
.mail-boxes-rt{width: 70%; padding: 15px 0;}


.mail-hd{font-size: 17px; font-weight: 600; color: #000; margin-bottom: 5px;}
.mail-txt{font-size: 14px; color: #777; margin-bottom: 0;}

.mail-boxes-rt ul{margin: 0 -10px; padding: 0; display: flex;}
.mail-boxes-rt ul li{width: 33.33%; padding:0 10px; position: relative; display: flex;}
.mail-boxes-inner-part{width: 100%; border-radius: 10px; border: #ddd solid 1px; padding:25px 15px; display: flex;}
.mail-inner-icons{width: 30px; height: 30px; margin-right: 13px;}
.mail-inner-icons img{width: 100%}
.mail-inner-txt{width: 70%;}
.mail-inner-txt p{font-size: 13px; color: #000; margin-bottom: 2px;}
.mail-inner-txt h4{font-size: 16px; font-weight: 600; color: #000; margin: 0;  text-transform: none !important;}

.contact-whats{background: #fafafa; padding: 40px; border-radius: 10px; display: flex; align-items: center; margin-bottom:40px;}
.contact-whats h5{font-size: 18px; font-weight: 600; color: #000; margin: 0;}

/*.whatsapp-link{display: flex; justify-content: flex-end; flex: 1;}*/
.whatsapp-link a{display: inline-block; padding:5px 22px; color: #fff; background:#76d076; font-weight: 600;}

.carousel-indicators{bottom: 10px !important}

.pop-up{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; overflow: auto; left: 0; top: 0; z-index: 999; display: none;}

.pop-up-inner{width: 450px; margin: 60px auto; background: #fff; padding: 20px; }

.pop-up-img{margin-bottom: 15px;}
.pop-up-img img{width: 100%;}
.pop-up-head{margin-bottom: 10px; font-size: 19px; font-weight: 600; color: #000;}
.pop-up-text{font-size: 15px; color: #000;}

.who-help ul li.active .pop-up{display: block;}

.close-icons{height: 40px;
  width: 40px;
  border-radius: 50%;
  display: inline-block;
  position:fixed;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 10px;
  top: 15px;
  right: 30px; z-index: 99999; display: none;}
.close-icons:after{content: '';
  position: absolute;
  height: 19px;
  width: 2px;
  transform: rotate(-45deg);
  left: 19px;
  top: 10px;
  background: #000;}
  .close-icons:before{content: '';
  position: absolute;
  height: 19px;
  width: 2px;
  transform: rotate(45deg);
  left: 19px;
  top: 10px;
  background: #000;}

@media(max-width:767px){
	.display-flex-center, .display-flex{display: block;}
	.logo{width: 100%; text-align: center;}
	.logo img{width: 253px;}
	.menu-rt{margin-left: 0; display: block;}
	.menu-rt ul li{display: block;}
	.menu-rt ul li a{display: block; padding: 15px; text-align: center; border-bottom: #fff solid 2px;}
	.menu-rt ul li:first-child a{border-top: #fff solid 2px;}

	.menu-rt ul li ul{position: relative; width: 100%;}

	.menu-rt ul li:hover ul{display: none;}
	.menu-rt ul li.active ul{display: block;}


	.who-help ul{display: block;}
	.who-help ul li{width: 100%; margin-left: 0; margin-right: 0;}

	.footer-lf, .footer-foo-inner, .footer-foo{width: 100%;}
	
	.pop-up-inner{width:auto; margin:30px 15px;}

}