\\n \\n\\n \\n\\n\\n
\\n\\n \\n
![\\\"\\\"](\\\"/assets/img/buynow.jpg\\\")
\\n\\n\\n\\n
\\n\\n
\\n\\n\\n\\n
\\n
\\n\\n
\\n
\\n
\\n ReServe a team
\\n
What is a Team Number?
\\n \\n
Your Team Number is a code unique to your team that you’ll use\\n when you register for a tournament. Purchasing your Team Number will give you access to\\n our resources, including the Team Challenges, a set of practice Instant Challenges and\\n Team Manager training materials.
\\n \\n
\\n - \\n
It is a unique membership number permitting a\\n team\\n to present/compete at\\n a local DI event/tournament and be eligible to qualify for Global Finals.
\\n \\n - \\n
A Team Number can be used for a team of 2-7 participants\\n for\\n competitive Team\\n Challenges. Teams solving the Early Learning (non-competitive Challenge) may\\n have 2\\n or more participants.
\\n \\n
\\n\\n\\n\\n\\n \\n
\\n
\\n
\\n\\n
\\n
![\\\"\\\"](\\\"/assets/img/DI-bok-a-)
\\n
\\n
\\n
\\n\\n
\\n
\\n
\\n
\\n DI is a\\n phenomenal resume builder as it instills
\\n\\n
\\n\\n\\n
\\n
\\n\\n
![\\\"\\\"](\\\"/assets/img/di/Problem-Solving-Icon.png\\\")
\\n\\n
Problem-solving
\\n
\\n STEAM-based challenges that students solve in teams.
\\n
\\n
\\n
\\n
\\n\\n\\n
\\n
\\n\\n
![\\\"\\\"](\\\"/assets/img/di/Light-Bulb.png\\\")
\\n\\n
Creativity
\\n
\\n Kids blossom developing ideas that build on what they learn in\\n school.
\\n
\\n
\\n
\\n
\\n\\n\\n
\\n
\\n\\n
![\\\"\\\"](\\\"/assets/img/di/Communication-Icon-Educator-Page.png\\\"\\n)
\\n\\n
Communication
\\n
\\n Each student has a voice and space to develop unique abilities and\\n talents..
\\n
\\n
\\n
\\n
\\n\\n\\n
\\n
\\n\\n
![\\\"\\\"](\\\"/assets/img/di/Teamwork-Icon-Educator-Page.png\\\")
\\n\\n
Collaboration
\\n
\\n Team members make all the decisions and even manage the budget..\\n
\\n
\\n
\\n
\\n\\n\\n\\n\\n
\\n
\\n
\\n For registration click followings tabs
\\n \\n\\n
\\n
\\n\\n
\\n
\\n\\n\\n\\n
\\n\\n
\\n\\n
\\n\\n\\n\\n
\\n
\\n \\n\\n \\n\\n\\n \\n \\n\\n
\\n\\n\\n\\n
\\n
\\n\\n
\\n
\\n\\n
\\n Fee Structure For School
\\n\\n\\n
$10\\n per \\n Child
\\n
Each\\n registration includes
\\n\\n
\\n - \\n\\n 6 Team Numbers (2-7 members per Team)\\n\\n
\\n - \\n\\n License to hold DI Pakistan - In House Competiton**\\n\\n
\\n - \\n\\n Quick Start Guide\\n\\n
\\n - \\n\\n All seven (7) Team Challenges\\n\\n
\\n - \\n\\n Roadmap: Guide for Team Managers\\n\\n
\\n\\n - \\n\\n Rules of the Road\\n\\n
\\n - \\n\\n Instant Challenge Practice Set(2)\\n\\n
\\n - \\n\\n Access to exclusive online training modules for all assigned Team Managers\\n\\n
\\n - \\n\\n Team Challenge Clarification system\\n\\n
\\n
\\n\\n\\n
Add ons\\n
\\n\\n\\n
\\n - \\n\\n Virtual Live Trainings: $25 per team\\n\\n
\\n - \\n\\n In-person Trainings: $50 per team\\n\\n
\\n - \\n STREAM Certification: $75 per team manager\\n\\n\\n
\\n\\n\\n\\n\\n - \\n\\n National Tournament fee: $50 per team\\n\\n
\\n - \\n\\n International Tournament fee Turkey: € 100\\n\\n
\\n - \\n\\n Global Finals US: Fee $5K* Per team\\n\\n
\\n\\n\\n
\\n\\n
Note : You can have license to hold in-house Tournament
\\n
*Administrative Charges: $100 per team for any team participating in International Invitational or Global\\n Finals
\\n\\n\\n \\n \\n\\n\\n\\n\\n
\\n
\\n
\\n\\n
\\n
\\n
\\n
\\n
\\n\\n
\\n
\\n\\n\\n\\n\\n\\n \\n
\\n
Cancellation\\n Policy
\\n\\n
Challenge\\n Team Number(s) are not eligible for refunds or cancellations. The purchase of a Team Number gives\\n teams access to the exclusive content and intellectual property of DII, which cannot be undone or\\n returned once accessed.
\\n\\n
\\n
\\n
\\n \\n
\\n
![\\\"logo\\\"](\\\"assets/img/LogoDI.png\\\")
\\n
\\n
\\n\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Administration Charges for International invitational Tournament (Turkey) and Global Finals (USA). Compete on the world stage and aim for victory in global events.
\\n
![](\\\"assets/img/cloude.gif\\\")
\\n
\\n
\\n \\n\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Payment for Training, Certification, and National Tournament Fee effortlessly. Elevate your skills, earn recognition, and compete on the national stage.
\\n
\\n ![](\\\"assets/img/airplane.gif\\\")
\\n \\n
\\n
\\n\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Payment by schools to receive a license to host the DI Pakistan - In House Competition with a minimum of 120 members.
\\n
\\n ![](\\\"assets/img/admin.gif\\\")
\\n \\n
\\n
\\n\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n
Payment by individuals to receive a team number to participate in DI Pakistan - Competition with a minimum of 2 members.
\\n
\\n ![](\\\"assets/img/book.gif\\\")
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n\\n
\"","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'payment-choice',\n templateUrl: './payment-choice.component.html',\n styleUrls: ['./payment-choice.component.css']\n})\nexport class PaymentChoiceComponent implements OnInit {\n\n constructor(private router: Router) { }\n\n ngOnInit() {\n }\n\n routeToIndividual(){\n this.router.navigate([\"paymentModuleStripeIndividual\"]);\n }\n\n routeToSchool(){\n this.router.navigate([\"paymentModuleStripe\"]);\n }\n\n routeToAddOns(){\n this.router.navigate([\"addOns\"]);\n }\n\n routeToAdminCharges(){\n this.router.navigate([\"adminCharges\"]);\n }\n\n}\n","module.exports = \"\"","module.exports = \"\\n\\n\\n\\n\\n
\\n
\\n
\\n
![\\\"chalktalk-logo\\\"](\\\"/assets/img/E)
\\n
\\n
\\n
Payee Details
\\n \\n
\\n
\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
\\n
\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'payment-school-di',\n templateUrl: './payment-school-di.component.html',\n styleUrls: ['./payment-school-di.component.css']\n})\nexport class PaymentSchoolDiComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","module.exports = \".center {\\r\\n margin: auto;\\r\\n width: 60%;\\r\\n /* border: 6px solid #608170; */\\r\\n padding: 0px 10px 10px 10px;\\r\\n border-radius: 5px;\\r\\n text-align: center;\\r\\n box-shadow: rgba(0, 0, 0) 0px 3px 8px;\\r\\n /* background-color: #004a62; */\\r\\n}\\r\\n\\r\\n.btnStyledSubmit {\\r\\n border-radius: 4px;\\r\\n color: white;\\r\\n padding: 5px;\\r\\n background-color: #20AD96 !important;\\r\\n /* border-color: #1c0048 !important; */\\r\\n /* background-image: linear-gradient(45deg, #20AD96, transparent); */\\r\\n}\\r\\n\\r\\n/* styles.css */\\r\\n\\r\\n/* Target the ngx-stripe-card element */\\r\\n\\r\\nngx-stripe-card {\\r\\n /* Apply custom styles here */\\r\\n border: 1px solid #ccc;\\r\\n border-radius: 5px;\\r\\n padding: 10px;\\r\\n background-color: #f5f5f5;\\r\\n /* Other styles as needed */\\r\\n}\\r\\n\\r\\n/* Target specific parts of the card element, e.g., input fields */\\r\\n\\r\\nngx-stripe-card input {\\r\\n /* Custom input styles */\\r\\n padding: 5px;\\r\\n border: 1px solid #ddd;\\r\\n border-radius: 3px;\\r\\n /* Other input styles */\\r\\n}\\r\\n\\r\\nstripe-payment-module{\\r\\n /* Apply custom styles here */\\r\\n border: 1px solid #ccc;\\r\\n border-radius: 5px;\\r\\n padding: 10px;\\r\\n background-color: #f5f5f5;\\r\\n padding: 5px;\\r\\n border: 1px solid #ddd;\\r\\n border-radius: 3px;\\r\\n /* Other styles as needed */\\r\\n}\\r\\n\\r\\nh1{\\r\\n font-weight: 500;\\r\\n font-size: 45px;\\r\\n font-family: 'Roboto', sans-serif;\\r\\n}\\r\\n\\r\\n.header{\\r\\n margin-top: 80px;\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n#description{\\r\\n font-size: 24px;\\r\\n}\\r\\n\\r\\n.form-wrap{\\r\\n background: #171a1c;\\r\\n width: 100%;\\r\\n max-width: 850px;\\r\\n padding: 50px;\\r\\n margin: 0 auto;\\r\\n position: relative;\\r\\n border: 1px solid #181717;\\r\\n border-radius: 10px;\\r\\n}\\r\\n\\r\\n.form-wrap:before{\\r\\n content: \\\"\\\";\\r\\n width: 90%;\\r\\n height: calc(100% + 60px);\\r\\n left: 0;\\r\\n right: 0;\\r\\n margin: 0 auto;\\r\\n position: absolute;\\r\\n top: -30px;\\r\\n /* background: #00bcd9; */\\r\\n z-index: -1;\\r\\n opacity: 0.8;\\r\\n border-radius: 10px;\\r\\n box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);\\r\\n}\\r\\n\\r\\n.form-group{\\r\\n margin-bottom: 25px;\\r\\n}\\r\\n\\r\\n.form-group > label{\\r\\n display: block;\\r\\n font-size: 16px;\\r\\n color: #47474e;\\r\\n}\\r\\n\\r\\n.custom-control-label{\\r\\n color: #47474e;\\r\\n font-size: 16px;\\r\\n}\\r\\n\\r\\n.form-control{\\r\\n height: 50px;\\r\\n background: #ecf0f4;\\r\\n border-color: transparent;\\r\\n padding: 0 15px;\\r\\n font-size: 16px;\\r\\n transition: all 0.3s ease-in-out;\\r\\n}\\r\\n\\r\\n.form-control:focus{\\r\\n border-color: #00bcd9;\\r\\n box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);\\r\\n}\\r\\n\\r\\ntextarea.form-control{\\r\\n height: 160px;\\r\\n padding-top: 15px;\\r\\n resize: none;\\r\\n}\\r\\n\\r\\n.btn{\\r\\n padding: .657rem .75rem;\\r\\n font-size: 18px;\\r\\n letter-spacing: 0.050em;\\r\\n transition: all 0.3s ease-in-out;\\r\\n}\\r\\n\\r\\n.btn-primary {\\r\\n color: #fff;\\r\\n background-color: #00bcd9;\\r\\n border-color: #00bcd9;\\r\\n}\\r\\n\\r\\n.btn-primary:hover {\\r\\n color: #00bcd9;\\r\\n background-color: #ffffff;\\r\\n border-color: #00bcd9;\\r\\n box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);\\r\\n}\\r\\n\\r\\n.btn-primary:focus, .btn-primary.focus {\\r\\n color: #00bcd9;\\r\\n background-color: #ffffff;\\r\\n border-color: #00bcd9;\\r\\n box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);\\r\\n}\\r\\n\\r\\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\\r\\n.show > .btn-primary.dropdown-toggle {\\r\\n color: #00bcd9;\\r\\n background-color: #ffffff;\\r\\n border-color: #00bcd9;\\r\\n}\\r\\n\\r\\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\\r\\n.show > .btn-primary.dropdown-toggle:focus {\\r\\n box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);\\r\\n}\\r\\n\\r\\n#survey-form .form-group input {\\r\\n background: #212324;\\r\\n border-color: #1e1e1e;\\r\\n}\\r\\n\\r\\n.visa_card {\\r\\n display: flex;\\r\\n margin-bottom: 30px;\\r\\n}\\r\\n\\r\\n.visa_card svg.card__logo {\\r\\n flex: 1 1 100px;\\r\\n}\\r\\n\\r\\n.form-check-end{\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\nlabel.form-check-label b {\\r\\n font-weight: 400;\\r\\n color: #47474e;\\r\\n font-size: 16px;\\r\\n}\\r\\n\"","module.exports = \"\\n\\n\\n\\n\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\"","import { Component, OnInit, ViewChild, Injectable } from '@angular/core';\n\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\nimport { StripeService, StripeCardComponent } from 'ngx-stripe';\nimport {\n Stripe,\n StripeCardElement,\n StripeCardElementOptions,\n StripeElementsOptions\n} from '@stripe/stripe-js';\nimport { EservicesPayment } from 'src/app/Model/EservicesPayment';\nimport { ApiService } from 'src/app/Service/api.service';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'stripe-payment-individual',\n templateUrl: './stripe-payment-individual.component.html',\n styleUrls: ['./stripe-payment-individual.component.css']\n})\nexport class StripePaymentIndividualComponent implements OnInit {\n\n @ViewChild(StripeCardComponent) card: StripeCardComponent;\n\n // cardOptions: StripeCardElementOptions = {\n // style: {\n // base: {\n // backgroundColor: '#ffffff',\n // lineHeight: '50px',\n // iconColor: '#c4f0ff',\n // color: '#3d3d3d',\n // fontWeight: '500',\n // fontFamily: 'Roboto, Open Sans, Segoe UI, sans-serif',\n // fontSize: '40px',\n // fontSmoothing: 'antialiased',\n // ':-webkit-autofill': {\n // color: '#ffffff',\n // },\n // '::placeholder': {\n // color: '#5c5c5c',\n // backgroundColor: '#ffffff'\n // },\n // },\n // invalid: {\n // iconColor: '#ffffff',\n // color: '#ffffff',\n // }\n // }\n // };\n\n cardOptions: StripeCardElementOptions = {\n style: {\n base: {\n fontWeight: '400',\n fontFamily: 'Roboto, Open Sans, Segoe UI, sans-serif',\n fontSize: '30px',\n color: '#ffffff',\n },\n }\n };\n\n elementsOptions: StripeElementsOptions = {\n locale: 'en'\n };\n\n stripeTest: FormGroup;\n\n constructor(private fb: FormBuilder, private stripeService: StripeService, private apiService: ApiService, private router: Router) {}\n\n ngOnInit(): void {\n this.stripeTest = this.fb.group({\n name: ['', [Validators.required]]\n });\n\n\n this.totalAmount = this.minNumberOfStudents * 75;\n\n }\n\n\n newPaymentModule : EservicesPayment = new EservicesPayment();\n createToken(){\n\n const name = this.stripeTest.get('name').value;\n this.stripeService\n .createToken(this.card.element, { name })\n .subscribe((result) => {\n if (result.token) {\n // alert(\"TokenID Result\"+result.token.id);\n this.newPaymentModule.cardToken = String(result.token.id);\n console.log(result.token.id);\n\n this.newPaymentModule.amount = this.totalAmount;\n this.newPaymentModule.description = \"Testing Description\";\n this.newPaymentModule.returnUrl = \"https://e-payment.eservicesntech.com:8443/#/successfull\";\n\n if (this.newPaymentModule.email == \"\" || this.newPaymentModule.email == null) {\n return alert(\"Email is required\")\n } else if (this.newPaymentModule.nameOnCard == \"\" || this.newPaymentModule.nameOnCard == null) {\n return alert(\"Name On Card is required\")\n } else if (this.newPaymentModule.cardToken == \"\" || this.newPaymentModule.cardToken == null) {\n return alert(\"Card Details are required\")\n }\n\n\n this.apiService.submitPaymentEservices(this.newPaymentModule).subscribe(_res => {\n if (_res.status == \"succeeded\") {\n console.log(_res.status + \" :: \" + _res.status);\n alert(\"Your Payment has been processed\");\n this.router.navigate([\"successfull\"]);\n } else {\n console.log(_res.status + \" :: \" + _res.status);\n }\n });\n\n \n\n } else if (result.error) {\n console.log(result.error.message);\n }\n });\n }\n\n checkboxAmount: number = 0;\n flagStream:Boolean = false;\n flagStreamVariable: String;\n inputStreamCheck(){\n var flagStreamVariable =
document.getElementById(\"stream\");\n if(flagStreamVariable.checked){\n this.checkboxAmount = this.checkboxAmount + 75;\n this.totalAmount = this.numOfStudentAmount + this.checkboxAmount;\n }\n else{\n this.checkboxAmount = this.checkboxAmount - 75;\n this.totalAmount = this.numOfStudentAmount + this.checkboxAmount;\n }\n }\n\n flagNationalTournamen:Boolean = false;\n flagNationalTournamenVariable: String;\n checkNationalFlag:Boolean = false;\n inputNationalTournament(){\n var flagNationalTournamenVariable = document.getElementById(\"nationalTournament\");\n if(flagNationalTournamenVariable.checked){\n this.checkboxAmount = this.checkboxAmount + 50;\n this.totalAmount = this.numOfStudentAmount + this.checkboxAmount;\n this.checkNationalFlag = true;\n }\n else{\n var flagGlobalFinalVariable = document.getElementById(\"globalFinal\");\n if(flagGlobalFinalVariable.checked){\n this.checkboxAmount = this.checkboxAmount - 650;\n }\n else{\n this.checkboxAmount = this.checkboxAmount - 50;\n }\n this.totalAmount = this.numOfStudentAmount + this.checkboxAmount;\n this.checkNationalFlag = false;\n }\n }\n\n flagInternationalTournament:Boolean = false;\n flagInternationalTournamentVariable: String;\n inputInternationalTournamentCheck(){\n var flagInternationalTournamentVariable = document.getElementById(\"internationalTournament\");\n if(flagInternationalTournamentVariable.checked){\n this.checkboxAmount = this.checkboxAmount + 110;\n this.totalAmount = this.numOfStudentAmount + this.checkboxAmount;\n }\n else{\n this.checkboxAmount = this.checkboxAmount - 110;\n this.totalAmount = this.numOfStudentAmount + this.checkboxAmount;\n }\n }\n\n flagGlobalFinal:Boolean = false;\n flagGlobalFinalVariable: String;\n inputGlobalFinalCheck(){\n var flagGlobalFinalVariable = document.getElementById(\"globalFinal\");\n if(flagGlobalFinalVariable.checked){\n this.checkboxAmount = this.checkboxAmount + 600;\n this.totalAmount = this.numOfStudentAmount + this.checkboxAmount;\n }\n else{\n this.checkboxAmount = this.checkboxAmount - 600;\n this.totalAmount = this.numOfStudentAmount + this.checkboxAmount;\n }\n }\n\n\n flagVirtual:Boolean = false;\n flagVirtualVariable: String;\n flagInPerson:Boolean = false;\n flagInPersonVariable: String;\n inputVirtualCheck(){\n var flagVirtualVariable = document.getElementById(\"virtual\");\n if(flagVirtualVariable.checked){\n this.checkboxAmount = this.checkboxAmount + 25;\n this.totalAmount = this.numOfStudentAmount + this.checkboxAmount;\n }\n else{\n this.checkboxAmount = this.checkboxAmount - 25;\n this.totalAmount = this.numOfStudentAmount + this.checkboxAmount;\n }\n }\n\n\n inputInPersonCheck(){\n var flagInPersonVariable = document.getElementById(\"inPerson\");\n if(flagInPersonVariable.checked){\n this.checkboxAmount = this.checkboxAmount + 50;\n this.totalAmount = this.numOfStudentAmount + this.checkboxAmount;\n }\n else{\n this.checkboxAmount = this.checkboxAmount - 50;\n this.totalAmount = this.numOfStudentAmount + this.checkboxAmount;\n }\n }\n\n\n\n\n minNumberOfStudents:number = 2;\n totalAmount: number = 0;\n numOfStudentAmount:number = 150;\n inputNumberOfStudents(numCheck:number){\n if(numCheck<2 || numCheck>7){\n this.minNumberOfStudents = 2;\n this.minNumberOfStudents = 2;\n this.minNumberOfStudents = 2;\n }\n\n this.numOfStudentAmount = this.minNumberOfStudents * 75;\n this.totalAmount = this.numOfStudentAmount + this.checkboxAmount;\n }\n\n\n\n}","module.exports = \".center {\\r\\n margin: auto;\\r\\n width: 60%;\\r\\n /* border: 6px solid #608170; */\\r\\n padding: 0px 10px 10px 10px;\\r\\n border-radius: 5px;\\r\\n text-align: center;\\r\\n box-shadow: rgba(0, 0, 0) 0px 3px 8px;\\r\\n /* background-color: #004a62; */\\r\\n}\\r\\n\\r\\n.btnStyledSubmit {\\r\\n border-radius: 4px;\\r\\n color: white;\\r\\n padding: 5px;\\r\\n background-color: #20AD96 !important;\\r\\n /* border-color: #1c0048 !important; */\\r\\n /* background-image: linear-gradient(45deg, #20AD96, transparent); */\\r\\n}\\r\\n\\r\\n/* styles.css */\\r\\n\\r\\n/* Target the ngx-stripe-card element */\\r\\n\\r\\nngx-stripe-card {\\r\\n /* Apply custom styles here */\\r\\n border: 1px solid #ccc;\\r\\n border-radius: 5px;\\r\\n padding: 10px;\\r\\n background-color: #f5f5f5;\\r\\n /* Other styles as needed */\\r\\n}\\r\\n\\r\\n/* Target specific parts of the card element, e.g., input fields */\\r\\n\\r\\nngx-stripe-card input {\\r\\n /* Custom input styles */\\r\\n padding: 5px;\\r\\n border: 1px solid #ddd;\\r\\n border-radius: 3px;\\r\\n /* Other input styles */\\r\\n}\\r\\n\\r\\nstripe-payment-module{\\r\\n /* Apply custom styles here */\\r\\n border: 1px solid #ccc;\\r\\n border-radius: 5px;\\r\\n padding: 10px;\\r\\n background-color: #f5f5f5;\\r\\n padding: 5px;\\r\\n border: 1px solid #ddd;\\r\\n border-radius: 3px;\\r\\n /* Other styles as needed */\\r\\n}\\r\\n\\r\\nh1{\\r\\n font-weight: 500;\\r\\n font-size: 45px;\\r\\n font-family: 'Roboto', sans-serif;\\r\\n}\\r\\n\\r\\n.header{\\r\\n margin-top: 80px;\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n#description{\\r\\n font-size: 24px;\\r\\n}\\r\\n\\r\\n.form-wrap{\\r\\n background: #171a1c;\\r\\n width: 100%;\\r\\n max-width: 850px;\\r\\n padding: 50px;\\r\\n margin: 0 auto;\\r\\n position: relative;\\r\\n border: 1px solid #181717;\\r\\n border-radius: 10px;\\r\\n}\\r\\n\\r\\n.form-wrap:before{\\r\\n content: \\\"\\\";\\r\\n width: 90%;\\r\\n height: calc(100% + 60px);\\r\\n left: 0;\\r\\n right: 0;\\r\\n margin: 0 auto;\\r\\n position: absolute;\\r\\n top: -30px;\\r\\n /* background: #00bcd9; */\\r\\n z-index: -1;\\r\\n opacity: 0.8;\\r\\n border-radius: 10px;\\r\\n box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);\\r\\n}\\r\\n\\r\\n.form-group{\\r\\n margin-bottom: 25px;\\r\\n}\\r\\n\\r\\n.form-group > label{\\r\\n display: block;\\r\\n font-size: 16px;\\r\\n color: #47474e;\\r\\n}\\r\\n\\r\\n.custom-control-label{\\r\\n color: #47474e;\\r\\n font-size: 16px;\\r\\n}\\r\\n\\r\\n.form-control{\\r\\n height: 50px;\\r\\n background: #ecf0f4;\\r\\n border-color: transparent;\\r\\n padding: 0 15px;\\r\\n font-size: 16px;\\r\\n transition: all 0.3s ease-in-out;\\r\\n}\\r\\n\\r\\n.form-control:focus{\\r\\n border-color: #00bcd9;\\r\\n box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);\\r\\n}\\r\\n\\r\\ntextarea.form-control{\\r\\n height: 160px;\\r\\n padding-top: 15px;\\r\\n resize: none;\\r\\n}\\r\\n\\r\\n.btn{\\r\\n padding: .657rem .75rem;\\r\\n font-size: 18px;\\r\\n letter-spacing: 0.050em;\\r\\n transition: all 0.3s ease-in-out;\\r\\n}\\r\\n\\r\\n.btn-primary {\\r\\n color: #fff;\\r\\n background-color: #00bcd9;\\r\\n border-color: #00bcd9;\\r\\n}\\r\\n\\r\\n.btn-primary:hover {\\r\\n color: #00bcd9;\\r\\n background-color: #ffffff;\\r\\n border-color: #00bcd9;\\r\\n box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);\\r\\n}\\r\\n\\r\\n.btn-primary:focus, .btn-primary.focus {\\r\\n color: #00bcd9;\\r\\n background-color: #ffffff;\\r\\n border-color: #00bcd9;\\r\\n box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);\\r\\n}\\r\\n\\r\\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\\r\\n.show > .btn-primary.dropdown-toggle {\\r\\n color: #00bcd9;\\r\\n background-color: #ffffff;\\r\\n border-color: #00bcd9;\\r\\n}\\r\\n\\r\\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\\r\\n.show > .btn-primary.dropdown-toggle:focus {\\r\\n box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);\\r\\n}\\r\\n\\r\\n#survey-form .form-group input {\\r\\n background: #212324;\\r\\n border-color: #1e1e1e;\\r\\n}\\r\\n\\r\\n.visa_card {\\r\\n display: flex;\\r\\n margin-bottom: 30px;\\r\\n}\\r\\n\\r\\n.visa_card svg.card__logo {\\r\\n flex: 1 1 100px;\\r\\n}\\r\\n\\r\\n.form-check-end{\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\nlabel.form-check-label b {\\r\\n font-weight: 400;\\r\\n color: #47474e;\\r\\n font-size: 16px;\\r\\n}\\r\\n\"","module.exports = \"\\n\\n\\n\\n\\n
\\n \\n
\\n
\\n
\\n
\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n
![\\\"\\\"](\\\"/assets/img/di/school.png\\\")
\\n\\n ![\\\"\\\"](\\\"/assets/img/di/Teamwork-Icon-Educator-Page.png\\\"\\n){kind=icon}
\\n\\n ![](\\\"/assets/img/custom-header-bg-di-1.jpg\\\")
\\n ![\\\"\\\"](\\\"/assets/img/Book-Now.png\\\"\\n)
\\n ![\\\"\\\"](\\\"/assets/img/di/di-image-about.jpg\\\"\\n)
\\n ![\\\"\\\"](\\\"/assets/img/Orange-Challenge-Icons.png\\\"\\n){kind=icon}
\\n\\n ![\\\"\\\"](\\\"/assets/img/Instant-Challenge-Icon.png\\\"\\n){kind=icon}
\\n\\n ![\\\"\\\"](\\\"/assets/img/icons/DI-Logo-pakistan.png\\\"){kind=icon}
\\n ![\\\"\\\"](\\\"/assets/img/icons/chalktalk.png\\\"){kind=icon}
\\n ![\\\"\\\"](\\\"/assets/img/icons/Space){kind=icon}
\\n ![\\\"\\\"](\\\"/assets/img/icons/stream){kind=icon}
\\n ![\\\"Project](\\\"img/sliders-img/1.jpg\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/2.jpg\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/IMG_1788.JPG\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/4.jpg\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/5.jpg\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/FB_IMG_1662743362039.jpg\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/FB_IMG_1662743208830.jpg\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/8.jpg\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/9.jpg\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/10.jpg\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/11.jpg\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/12.jpg\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/13.jpg\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/14.jpg\\\")
\\n \\n ![\\\"Project](\\\"img/sliders-img/15.jpg\\\")
\\n \\n ![\\\"\\\"](\\\"/assets/img/clients/aishat.jpg\\\")
\\n ![\\\"\\\"](\\\"/assets/img/clients/laura.jpg\\\")
\\n ![\\\"\\\"](\\\"/assets/img/clients/corinn.jpg\\\")
\\n