/ var / www / html / cai / assets / css / scss / [ HOME SHELL ]

Name	Size	Permission	Action
_benifit.scss	16.87 KB	-rwxr-x--x
_card.scss	2.23 KB	-rwxr-x--x
_contact-us.scss	11.27 KB	-rwxr-x--x
_cta.scss	1.47 KB	-rwxr-x--x
_event.scss	4.04 KB	-rwxr-x--x
_expanded-menu.scss	4.44 KB	-rwxr-x--x
_footer.scss	6.67 KB	-rwxr-x--x
_global.scss	232 B	-rwxr-x--x
_header.scss	6.46 KB	-rwxr-x--x
_home.scss	5.54 KB	-rwxr-x--x
_jobs.scss	3.46 KB	-rwxr-x--x
_latestnews.scss	3.46 KB	-rwxr-x--x
_media-cover.scss	3.46 KB	-rwxr-x--x
_mixins.scss	894 B	-rwxr-x--x
_modern-normalize.scss	5.19 KB	-rwxr-x--x
_modify.scss	8.62 KB	-rwxr-x--x
_parnership.scss	323 B	-rwxr-x--x
_publication.scss	434 B	-rwxr-x--x
_scroll.scss	682 B	-rwxr-x--x
_typography.scss	126 B	-rwxr-x--x
_variables.scss	866 B	-rwxr-x--x

Code Editor : _contact-us.scss

.mktoForm {
    position: relative;
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.mktoForm .mktoFieldWrap label.mktoLabel,
.mktoForm .mktoButtonWrap label.mktoLabel,
.mktoForm .mktoFieldWrap,
.mktoForm .mktoFieldWrap select,
.mktoForm .mktoFieldWrap textarea {
    font-size: 14px !important;
}

@media(min-width: 960px) {
    .mktoForm {
        width: 100%;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 30px;
    }
}

@media screen and (prefers-reduced-motion: no-preference) {
    .mktoForm>* {
        opacity: 0;
        transform: translateY(3rem);
        transition: opacity .6s cubic-bezier(0.34, 0.615, 0.4, 0.985), transform .6s cubic-bezier(0.34, 0.615, 0.4, 0.985);
        will-change: opacity, transform
    }

.mktoForm[data-animation=true]>* {
        opacity: 1 !important;
        transform: translateY(0) !important
    }
}

.mktoForm>*:nth-child(2) {
    transition-delay: 0.2s
}

.mktoForm>*:nth-child(5) {
    transition-delay: 0.4s
}

.mktoForm .mktoFormCol {
    position: relative;
    float: none !important
}

.mktoForm .mktoFormRow,
.mktoForm .mktoButtonRow {
    position: relative;
    display: block
}

.mktoForm .mktoFormRow {
    position: relative;
    z-index: 1
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoCheckbox .mktoLabel {
    order: 2;
    margin-left: 0 !important
}

.mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap.mktoCheckbox .mktoCheckboxList {
    order: 1
}

.mktoForm .mktoFormRow .mktoFieldWrap>#LblmktoOptIn,
.mktoForm .mktoFormRow .mktoFieldWrap>#Lblmsdyn_gdproptout,
.mktoForm .mktoFormRow .mktoFieldWrap>#LblrequestedConsultation {
    display: flex;
    font-size: 24px;
    line-height: 1.25;
    margin: 0 0 0 50px;
    position: relative
}

.mktoForm .mktoButtonWrap,
.mktoForm .mktoButtonWrap.mktoDownloadButton[style] {
    margin: 0 auto !important
}

.mktoForm .mktoButtonWrap .mktoButton,
.mktoForm .mktoButtonWrap.mktoDownloadButton[style] .mktoButton {
    background: none !important;
    border-color: var(--primary-color) !important;
    border-style: solid !important;
    border-width: 1px !important;
    box-shadow: none !important;
    font-size: 12px !important;
    left: 0 !important;
    padding: 10px 32px !important;
    font-weight: 600;
    height: auto;
}

.mktoForm .mktoButtonWrap .mktoButton:focus,
.mktoForm .mktoButtonWrap .mktoButton:hover,
.mktoForm .mktoButtonWrap.mktoDownloadButton[style] .mktoButton:focus,
.mktoForm .mktoButtonWrap.mktoDownloadButton[style] .mktoButton:hover {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important
}

.mktoForm .mktoGutter,
.mktoForm .mktoOffset {
    display: none
}

.mktoForm .mktoError {
    right: auto !important
}

.mktoForm .mktoError .mktoErrorArrow {
    background-color: #c7105c !important;
    border-top-color: #c7105c !important;
    border-left-color: #c7105c !important
}

.mktoForm .mktoError .mktoErrorMsg {
    background: #c7105c !important
}

.mktoForm .mktoFieldWrap,
.mktoForm .mktoButtonWrap {
    display: flex;
    float: none;
    position: relative;
    transition: height .28s 0s;
    height: auto;
    overflow: inherit;
    margin-top: 35px !important;
    flex-grow: 1;
    width: 100%
}

.mktoForm .mktoFieldWrap.active,
.mktoForm .mktoButtonWrap.active {
    height: 70px
}

.mktoForm .mktoFieldWrap.has-value label.mktoLabel,
.mktoForm .mktoFieldWrap:focus-within label.mktoLabel,
.mktoForm .mktoFieldWrap.has-content label.mktoLabel,
.mktoForm .mktoButtonWrap.has-value label.mktoLabel,
.mktoForm .mktoButtonWrap:focus-within label.mktoLabel,
.mktoForm .mktoButtonWrap.has-content label.mktoLabel {
    margin-top: -25px;
    font-size: 13.5px
}

.mktoForm .mktoFieldWrap:focus-within .mktoClear::after,
.mktoForm .mktoFieldWrap.has-content .mktoClear::after,
.mktoForm .mktoButtonWrap:focus-within .mktoClear::after,
.mktoForm .mktoButtonWrap.has-content .mktoClear::after {
    width: 100%
}

@media(min-width: 960px) {

.mktoForm .mktoFieldWrap:nth-child(4),
    .mktoForm .mktoButtonWrap:nth-child(4) {
        margin-top: 62px
    }
}

.mktoForm .mktoFieldWrap label.mktoLabel,
.mktoForm .mktoButtonWrap label.mktoLabel {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    font-size: 24px;

font-size: 24px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 60px;
    letter-spacing: 0px;
    padding: 0;
    text-align: left;
    transition: margin-top .35s ease 0s, font-size .35s;
    width: auto !important
}

.mktoForm .mktoFieldWrap label.mktoLabel .mktoAsterix,
.mktoForm .mktoButtonWrap label.mktoLabel .mktoAsterix {
    color: #c7105c;
    float: right
}

.mktoForm .mktoFieldWrap input[type=text],
.mktoForm .mktoFieldWrap input[type=url],
.mktoForm .mktoFieldWrap input[type=email],
.mktoForm .mktoFieldWrap input[type=tel],
.mktoForm .mktoFieldWrap input[type=number],
.mktoForm .mktoFieldWrap input[type=date],
.mktoForm .mktoFieldWrap select,
.mktoForm .mktoFieldWrap select.mktoField,
.mktoForm .mktoFieldWrap textarea,
.mktoForm .mktoFieldWrap textarea.mktoField,
.mktoForm .mktoButtonWrap input[type=text],
.mktoForm .mktoButtonWrap input[type=url],
.mktoForm .mktoButtonWrap input[type=email],
.mktoForm .mktoButtonWrap input[type=tel],
.mktoForm .mktoButtonWrap input[type=number],
.mktoForm .mktoButtonWrap input[type=date],
.mktoForm .mktoButtonWrap select,
.mktoForm .mktoButtonWrap select.mktoField,
.mktoForm .mktoButtonWrap textarea,
.mktoForm .mktoButtonWrap textarea.mktoField {
    padding: 0;
    padding-top: 10px;
    border: 0;
    border-bottom: .25px solid var(--primary-color);
    height: 60px;
    position: relative;
    font-size: 24px;
    line-height: 40px;

font-style: normal;
    font-weight: normal;
    width: 100% !important;
    background-color: transparent
}

.mktoForm .mktoFieldWrap input[type=text]:focus,
.mktoForm .mktoFieldWrap input[type=url]:focus,
.mktoForm .mktoFieldWrap input[type=email]:focus,
.mktoForm .mktoFieldWrap input[type=tel]:focus,
.mktoForm .mktoFieldWrap input[type=number]:focus,
.mktoForm .mktoFieldWrap input[type=date]:focus,
.mktoForm .mktoFieldWrap select:focus,
.mktoForm .mktoFieldWrap select.mktoField:focus,
.mktoForm .mktoFieldWrap textarea:focus,
.mktoForm .mktoFieldWrap textarea.mktoField:focus,
.mktoForm .mktoButtonWrap input[type=text]:focus,
.mktoForm .mktoButtonWrap input[type=url]:focus,
.mktoForm .mktoButtonWrap input[type=email]:focus,
.mktoForm .mktoButtonWrap input[type=tel]:focus,
.mktoForm .mktoButtonWrap input[type=number]:focus,
.mktoForm .mktoButtonWrap input[type=date]:focus,
.mktoForm .mktoButtonWrap select:focus,
.mktoForm .mktoButtonWrap select.mktoField:focus,
.mktoForm .mktoButtonWrap textarea:focus,
.mktoForm .mktoButtonWrap textarea.mktoField:focus {
    outline: none
}

.mktoForm .mktoFieldWrap select,
.mktoForm .mktoFieldWrap select.mktoField,
.mktoForm .mktoButtonWrap select,
.mktoForm .mktoButtonWrap select.mktoField {
    appearance: none;
    min-height: 60px
}

.mktoForm .mktoFieldWrap select.mktoField,
.mktoForm .mktoFieldWrap select.mktoField.mktoField,
.mktoForm .mktoButtonWrap select.mktoField,
.mktoForm .mktoButtonWrap select.mktoField.mktoField {
    padding: 0
}

.mktoForm .mktoFieldWrap textarea,
.mktoForm .mktoFieldWrap textarea.mktoField,
.mktoForm .mktoButtonWrap textarea,
.mktoForm .mktoButtonWrap textarea.mktoField {
    height: auto;
    min-height: 60px;
    margin-top: 10px !important
}

@media(min-width: 960px) {

.mktoForm .mktoFieldWrap textarea,
    .mktoForm .mktoFieldWrap textarea.mktoField,
    .mktoForm .mktoButtonWrap textarea,
    .mktoForm .mktoButtonWrap textarea.mktoField {
        min-height: 120px
    }
}

.mktoForm .mktoFieldWrap .mktoCheckboxList,
.mktoForm .mktoButtonWrap .mktoCheckboxList {
    position: relative;
    width: auto !important
}

.mktoForm .mktoFieldWrap .mktoCheckboxList~.mktoClear,
.mktoForm .mktoButtonWrap .mktoCheckboxList~.mktoClear {
    display: none
}

.mktoForm .mktoFieldWrap .mktoCheckboxList input,
.mktoForm .mktoButtonWrap .mktoCheckboxList input {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 9
}

.mktoForm .mktoFieldWrap .mktoCheckboxList input:checked~label::before,
.mktoForm .mktoButtonWrap .mktoCheckboxList input:checked~label::before {
    border-color: var(--secondary-color)
}

.mktoForm .mktoFieldWrap .mktoCheckboxList input:checked~label::after,
.mktoForm .mktoButtonWrap .mktoCheckboxList input:checked~label::after {
    background: var(--secondary-color);
    content: "";
    display: block;
    height: 12px;
    width: 12px;
    position: absolute;
    left: 9px;
    top: 9px
}

.mktoForm .mktoFieldWrap .mktoCheckboxList label,
.mktoForm .mktoButtonWrap .mktoCheckboxList label {
    display: block;

font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0px;
    margin-left: 40px
}

.mktoForm .mktoFieldWrap .mktoCheckboxList label::before,
.mktoForm .mktoButtonWrap .mktoCheckboxList label::before {
    border: 1px solid var(--primary-color);
    content: "";
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px
}

.mktoForm .mktoFieldWrap .mktoClear::before,
.mktoForm .mktoButtonWrap .mktoClear::before {
    border-color: var(--secondary-color)
}

.mktoForm .mktoFieldWrap .mktoClear::after,
.mktoForm .mktoButtonWrap .mktoClear::after {
    background: var(--secondary-color);
    content: "";
    width: 0;
    height: 3px;
    left: 0;
    background-color: var(--secondary-color);
    position: absolute;
    bottom: 0;
    transition: width .35s
}

.mktoForm .not-a-marketo-field {
    display: none
}

.mktoForm .marketo-logic-field {
    min-height: 100px
}

.mktoForm .marketo-logic-field .mktoFieldWrap label.mktoLabel {
    transition: none;

font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0px;
    margin-left: 50px;
    margin-top: 8px
}

.mktoForm .mktoButtonWrap .mktoButton::after {
    color: #fff;
    background-color: var(--secondary-color);
}

.mktoForm .mktoFieldWrap select option {
    padding: 4px 12px !important;
    font-size: 12px;
}

.customfileuploader {
    margin: 40px 0;

#custom-button {
        padding: 10px 20px;
        color: var(--primary-color);
        //background-color: var(--primary-color);
        border: 1px solid var(--primary-color);
        border-radius: 8px;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        display: inline-flex;
        text-align: center; 
        justify-content: center;
        margin-right: 20px;
        inline-size: 100%;
    }

#custom-button:hover {
        border: 1px solid #000;
    }

#custom-text {
        font-size: 13px;
        color: #000;
        text-align: center;
        font-weight: 500;
    }

}

Urban Research Lab

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.